Форум Сайтостроение Веб-строительство

Как добавить Alt'ты в Fotorama?

Kitaer
На сайте с 23.07.2015
Offline
91
Kitaer
5270

На вордпресс есть такой замечательный плагин, как Fotorama. Служит он для вывода галереи, все хорошо...но к картинкам нет возможности прописать Alt тег(

Может кто нибудь пытался как-то докрутить теги Alt в код... Или есть какие нибудь мысли как это сделать, буду очень признателен за совет.

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

Kitaer
На сайте с 23.07.2015
Offline
91
Kitaer
#1

К сожалению с плагином ни чего так и не получилось( Хотя...может это даже и к лучшему, к установленным плагинам не добавится еще 1.

Но скрипт с офф сайта футорамы получилось подправить как нужно, теперь к слайдам можно добавлять теги Alt и title.

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

Чтобы скрипт не удалял у картинок теги alt и title можно воспользоваться одним из следующих способов:

1) Оборачивать каждую картинку в дополнительные <div></div> (но это не лучший вариант)

2) Подправить файл fotorama.js. Для этого потребуется в fotorama.js найти следующую строку 

frameData.state = '';
и сразу после нее добавить 
if ( frameData.data.hasOwnProperty('alt') ) {

 img.alt= frameData.data.alt;

 }

 if ( frameData.data.hasOwnProperty('title') ) {

 img.title= frameData.data.title;

 }

Потом в fotorama.js найти и удалить следующую строку 

height = numberFromMeasure(imgData.height || $img.attr('height'));

на место удаленной строки добавить 

height = numberFromMeasure(imgData.height || $img.attr('height')),

 alt = $img.attr('alt'),

 title = $img.attr('title');

 if (alt){

 $.extend(imgData, {

 alt: alt

  });

  }

  if (title){

  $.extend(imgData, {

  title: title

  });

  }

Alt и title начинают нормально отображаться:

Платон Щукин про индексацию Возможности для брендинга в Google: атрибут alt практически

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий