Слайдер коды перейти непосредственно к конкретному слайду по идентификатору

Я только что отредактировал слайдер контента, используя слайдер Coda.

Итак, у меня есть фотогалерея, и когда я нажимаю на любую фотографию, она открывает страницу с ползунком Coda. Какое изображение нажимается, это изображение является первым слайдером. Нажав на следующую, ползунок переключится на следующую фотографию, но нажав на предыдущую фотографию, ползунок вернется к началу, а не к предыдущей фотографии.

В галерее это выглядит так:

<div class="one_fourth">                        
     <div class="imgNikon">
            <a href="../photos/bw_slider.html#2"><img src="../photos/2.jpg" width="150" height="100" />
            <span class="imgFrameNikon"></span></a>
   </div>
   <a href="../photos/bw_slider.html#2"><h6 style="margin-bottom:20px;"align="center">2<br /><br /></h6></a>
</div>  


<div class="one_fourth">                        
        <div class="imgNikon">
            <a href="../photos/bw_slider.html#1"><img src="../photos/1.jpg" width="150" height="100"/>
            <span class="imgFrameNikon"></span></a>
    </div>
    <a href="../photos/bw_slider.html#1"><h6 style="margin-bottom:20px;"align="center">1<br /><br /></h6></a>
</div> 

Итак, bw_slider.html - это страница с ползунком кода. Продолжение ссылки № 1, а в другом случае № 2 - это прямая ссылка на конкретный слайд, содержащий этот идентификатор.

В слайдере Coda это выглядит так с гораздо большим количеством слайдов:

<div id="1">
<h2>1</h2>
  <img src="1.jpg"  width="600" height="400" />
    <div class="photo_gallery"> 
              <p >Some text...</p>
    </div>
</div>
<div id="2">
<h2>2</h2>
  <img src="2.jpg"  width="600" height="400" />
    <div class="photo_gallery"> 
              <p >Some text...</p>
    </div>
</div>

Слайдер Js of Coda находится по ссылке выше.

У кого-нибудь есть идеи, как избежать возврата к началу при запуске слайдера из середины содержимого слайдера.

0 ответов

Другие вопросы по тегам