Не могу решить

[Stas1985]

// Creating a placeholder for each image
		items.each(function(){
                        var plh = $('<div class="placeholder">');
                         plh.append(this.nextElementSibling);
			placeholders = placeholders.add(plh);
			
		});

Такой вариант то же не работает

// Creating a placeholder for each image
		items.each(function(){
                        var plh = $('<div class="placeholder">');
                         plh.append(this.nextElementSibling);
			placeholders = placeholders.add(plh);
			
		});

[Dilettante_Pro]

Тогда так

// Call the load function with the href attribute of the item
			loadImage(items.eq(index).attr('href'), function(){
				placeholders.eq(index).html(this);
				placeholders.eq(index).append("<span>" + items.eq(index).children('img').attr('alt') + "</span>");
			});
		}

[Stas1985]

Dilettante_Pro
Спасибо! Данный код работает но при этом дублируется описание. Подскажите с чем это связанно?

[Dilettante_Pro]

дублируется описание.

Где дублируется? Где можно посмотреть?

[Stas1985]

_https://lik-astana.kz/bagetnaya-masterskaya/oformlenie-v-baget/izgotovlenie-ram-dlya-kartin-detail.html
Тут надо включить в браузере просмотр как на мобильном так как шаблоны разные для мобильного и десктоп

[Dilettante_Pro]

Stas1985,
Дублирования не заметил. В спан, мне кажется, лучше добавить стиль

// Call the load function with the href attribute of the item
			loadImage(items.eq(index).attr('href'), function(){
				placeholders.eq(index).html(this);
				placeholders.eq(index).append("<span style='display:block;position:relative;bottom:20px;'>" + items.eq(index).children('img').attr('alt') + "</span>");
			});
		}

Почему исчезли спаны из container_image_all?

[Stas1985]

Почему исчезли спаны из container_image_all?

Все исправил. Подскажите можно ли сделать чтоб текст переносился на другую строчку если он заходит за пределы окна.

[Dilettante_Pro]

Просто у вас placeholder получается шире экрана.
Нужен другой ограничитель - и текст сам переносится

<img  src="https://lik-astana.kz/images/stories/virtuemart/product/oforml_v_bag4.jpg">
<div style="display:block;width:400px;border:1px solid black;position:relative;bottom:20px;">
   <span style=>Подскажите можно ли сделать чтоб текст переносился на другую строчку если он заходит за пределы окна</span>
</div>

[Stas1985]

Спасибо Dilettante_Pro!
Перенос строки сделал стилями

<span style='display:block;position:relative;bottom:30px;white-space:normal;line-height:0.9;'>

Теперь вроде как надо все.

[Stas1985]

В коде есть стрелки для изображений

/* Private variables */

	var 
	    overlay = $('<div id="galleryOverlay">'),
		slider = $('<div id="gallerySlider">'),
		prevArrow = $('<a id="prevArrow"></a>'),
		nextArrow = $('<a id="nextArrow"></a>'),
		overlayVisible =   false;
		prevArrowVisible = true;
		nextArrowVisible = true;
        sliderVisible =    true;		
		/* overlayVisible = true; false;*/

Подскажите как их активировать на изображении?