Алексей Склейнов

Что касается кадрирования в стилях, то это мало важный факт, куда рациональнее ресайз делать по бекенду, вопрос в другом - поисковые системы изображения переданные через стили не воспринимают как контент, соответственно они и не попадают по умолчанию в индексацию изображений, что порой бывает очень полезно для соц сетей... для коммерции - не совсем...

Мне кажется проще все же использовать готовое решение на ajax с обращением к базе данных, чем выдумывать никому не нужный велосипед.

для 10 статичных фильмов можно и не использовать поиск, а открыто выложить на странице в превью виде...

Не уверен ( не делал подобную реализацию), но можно попробовать присваивать определенный класс объекту посредством js и прописать для каждого класса свои условия css, плюс использовать анимацию.

// Создаем и настраиваем Смарти
		$this->smarty = new Smarty();
		$this->smarty->compile_check = $this->config->smarty_compile_check;
		$this->smarty->caching = $this->config->smarty_caching;
		$this->smarty->cache_lifetime = $this->config->smarty_cache_lifetime;
		$this->smarty->debugging = $this->config->smarty_debugging;
		$this->smarty->error_reporting = E_ALL & ~E_NOTICE;

		// Берем тему из настроек
		$theme = $this->settings->theme;
		

		$this->smarty->compile_dir = $this->config->root_dir.'/compiled/'.$theme;
		$this->smarty->template_dir = $this->config->root_dir.'/design/'.$theme.'/html';		

		// Создаем папку для скомпилированных шаблонов текущей темы
		if(!is_dir($this->smarty->compile_dir))
			mkdir($this->smarty->compile_dir, 0777);
						
		$this->smarty->cache_dir = 'cache';

<link rel="stylesheet" href="design/{$settings->theme|escape}/css/base.css">

вот вариант для понимания, вообще все описано в самом смарти....