Galleria Dynamic Images выпускают

Question

Я пытаюсь заставить Galleria отображать набор динамических изображений - под динамическим я подразумеваю, что изображения создаются во время выполнения скриптом PHP. Рассматриваемый скрипт PHP на самом деле берет два изображения (одно фото и другое, которое я хочу использовать в качестве водяного знака для защиты изображения) и объединяет их вместе.

Итак, моя ссылка на изображение в разделе Galleria div переместилась отсюда:

<a href="images/upload/1024_<?php echo $row_rstImages['image_filename']; ?>"> <img title="<?php echo $row_rstImages['image_title']; ?>"
alt="<?php echo $row_rstImages['image_description']; ?>" 
src="images/upload/100_<?php echo $row_rstImages['image_filename']; ?>"> </a>

, который отлично работает, к этому:

<a href="inc_create_image_wm_gallery.php?s=1024&i=<?php echo $row_rstImages['image_id']; ?>"> <img title="<?php echo $row_rstImages['image_title']; ?>"
alt="<?php echo $row_rstImages['image_description']; ?>" 
src="images/upload/100_<?php echo $row_rstImages['image_filename']; ?>"> </a>

Как вы, вероятно, определите, скрипт 'inc_create_image_wm_gallery.php' принимает два параметра: размер выходных данных и идентификатор изображения из связанной записи в базе данных (i).

Результатом второй версии, приведенной выше, является то, что вместо этого Galleria отображает версию в виде миниатюр (версия шириной 100 пикселей), а не версию 1024 пикселей, которую я хочу.

PHP-скрипт имеет соответствующий набор заголовков (header ('content-type: image / jpeg');), и когда я пробую скрипт в браузере с соответствующими параметрами в URL-адресе, он выводит изображение с водяным знаком точно так же, как я будет ожидать.

Есть идеи, почему это может так негативно повлиять на Galleria?

Answer 1

Это потому, что Galleria обнаруживает окончания файлов в href. Чтобы заставить Galleria принимать любой href в качестве файла изображения (включая суффиксы .php), попробуйте следующее:

$('#galleria').galleria({
    dataConfig: function(img) {
        return {
            image: $(img).parent().attr('href')
        }
    }
});