madison21 Опубликовано 2 августа, 2019 Жалоба Поделиться Опубликовано 2 августа, 2019 Парни, подскажите как прописать alt для изображений, которые открываются во весь рост?Сейчас реализовано так <a href="{$product->image->filename|resize:800:600}" class="zoom fn" data-fancybox-group="group"> <img src="{$product->image->filename|resize:300:300}" alt="{$product->name|escape}{if $brand->name} ({$brand->name|escape}){/if}"/> </a> То есть когда в малом размере, то alt есть А как сделать и для большого размера? Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 3 августа, 2019 Жалоба Поделиться Опубликовано 3 августа, 2019 Парни, подскажите как прописать alt для изображений, которые открываются во весь рост?Сейчас реализовано так <a href="{$product->image->filename|resize:800:600}" class="zoom fn" data-fancybox-group="group"> <img src="{$product->image->filename|resize:300:300}" alt="{$product->name|escape}{if $brand->name} ({$brand->name|escape}){/if}"/> </a> То есть когда в малом размере, то alt есть А как сделать и для большого размера? Допишите атрибут titleP.S. Не знал что у изображений есть рост Цитата Ссылка на сообщение Поделиться на другие сайты
phukortsin Опубликовано 3 августа, 2019 Жалоба Поделиться Опубликовано 3 августа, 2019 Допишите атрибут title Дописал так: <a alt="alt1" title="title1" href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{$product->image->filename|resize:300:300}" alt="{$product->product->name|escape}" title="title2" /></a> В HTML-коде изображения "во весь рост" стоит пустой alt=""... Цитата Ссылка на сообщение Поделиться на другие сайты
madison21 Опубликовано 3 августа, 2019 Автор Жалоба Поделиться Опубликовано 3 августа, 2019 (изменено) Да в том то и дело, что прописать у ссылки a атрибуты alt и title вопрос не решает.Пустой alt всё равно.Тут как то хитро нужно задать. через скрипт..Для drupal встречал такую доработку для fancybox $(".fancybox").fancybox({ beforeShow : function() { var alt = this.element.find('img').attr('alt'); this.inner.find('img').attr('alt', alt); } }); ещё нашёл как добавляли data-alt <script> $(".fancybox").fancybox({ beforeShow: function () { var imgAlt = $(this.element).find("img").attr("alt"); var dataAlt = $(this.element).data("alt"); if (imgAlt) { $(".fancybox-image").attr("alt", imgAlt); } else if (dataAlt) { $(".fancybox-image").attr("alt", dataAlt); } } }); </script> на гитхабе $("a.gallery-images").fancybox({ 'onComplete' : function(links, index){ var self = $(links[index]); var imageHtml = self[0]; var alt = $(imageHtml).find("img").attr("alt"); jQuery("#fancybox-wrap #fancybox-content #fancybox-img").attr('alt', alt); } }); может кто знает как это можно применить к нашей симпле?altы картинок всё же нужны..странно что разработчик fancybox не предусмотрел Изменено 3 августа, 2019 пользователем madison21 Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.