Ссылка jquery flexslider на конкретное изображение

возможно ли показать в flexslider определенное изображение при нажатии на ссылку с другой домашней страницы (например, якорь «www.mysite.html#slider3»)? У меня есть страница с текстовыми ссылками. Если пользователь нажимает на ссылку типа «перейти к слайдеру 3», появляется сайт с flexslider и показывает слайдер 3.

Пожалуйста, кто-нибудь может мне помочь? Я уже прочитал эту ветку (jQuery FlexSlider — ссылка на конкретное изображение), но это не работает для меня, я не знаю, почему.

Спасибо и извините за мой плохой английский, CeDe


hyperlink flexslider
person CeDe    schedule 23.03.2013    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Flexslider предоставляет свойство startAt, которое принимает индекс, представляющий слайд, отображаемый первым. Вы также можете отключить автоматическое воспроизведение слайд-шоу, установив для параметра «слайд-шоу» значение false. Если вы захватите ссылку на слайд, с которой хотите начать, прежде чем создавать слайд-шоу, вы можете использовать эти параметры.

// create a variable to store the slide index to start at.
startAtSlideIndex = 0;

// see if a tab anchor has been included in the url
if (window.location.hash != '') {

  // Set the startAtSlideIndex variable to one less than the ordinal passed
  // note: if you have more than 9 slides, this will fall down and you'll
  //       have to do some more complex string manipulation.
  //       A querystring variable might be easier, especially if you use
  //       someone else's url parser ;)
  // Important: assumes the format of the hash is '#tabN' where N is the digit we want.
  startAtSlideIndex = window.location.hash.substr(4,1)-1;
}

$("#flexslider-container").flexslider({

  // other flexslider params

  // set the flexslider startAt param to the value of the startAtSlideIndex variable
  startAt: startAtSlideIndex

});

РЕДАКТИРОВАТЬ: я забыл, что объект местоположения имеет свойство «хэш» в моем исходном ответе.

person Michael Paull    schedule 11.04.2013
comment
Привет Михаил, спасибо за ответ! Извиняюсь, что отвечаю так поздно. Так как это не основная моя работа, я даже не смог ее протестировать. Сейчас я наверстаю упущенное и снова сообщу обо мне. У меня вопрос по вашему коду: что означает (4,1)? К сожалению у меня больше 9 слайдов... что мне надо изменить код? Большое спасибо! - person CeDe; 16.06.2013
comment
Ух ты! Это прекрасно работает! Еще раз спасибо! Я пробовал это только с несколькими изображениями, но теперь я хочу заставить его работать с более чем 9 изображениями. Пожалуйста, не могли бы вы сказать мне, что я должен сделать? - person CeDe; 16.06.2013

arrow_upward
1
arrow_downward

это снова я :-) Кажется, это работает и для более чем 9 слайдов: я просто немного изменил код:

// Important: assumes the format of the hash is '#tabNN' where NN is the digit we want. startAtSlideIndex = window.location.hash.substr(4,2)-0;

Спасибо и привет!

person CeDe    schedule 17.06.2013