Цитата:
// Creating a placeholder for each image
items.each(function(){
var plh = $('<div class="placeholder">');
plh.append(this.nextElementSibling);
placeholders = placeholders.add(plh);
});
|
Тогда так
// 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>");
});
}
|
Dilettante_Pro
Спасибо! Данный код работает но при этом дублируется описание. Подскажите с чем это связанно? |
Цитата:
|
_https://lik-astana.kz/bagetnaya-masterskaya/oformlenie-v-baget/izgotovlenie-ram-dlya-kartin-detail.html
Тут надо включить в браузере просмотр как на мобильном так как шаблоны разные для мобильного и десктоп |
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? |
Цитата:
|
Просто у вас 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> |
Спасибо Dilettante_Pro!
Перенос строки сделал стилями <span style='display:block;position:relative;bottom:30px;white-space:normal;line-height:0.9;'> Теперь вроде как надо все. |
В коде есть стрелки для изображений
/* 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;*/
Подскажите как их активировать на изображении? |
| Часовой пояс GMT +3, время: 21:21. |