Слайдер коды перейти непосредственно к конкретному слайду по идентификатору
Я только что отредактировал слайдер контента, используя слайдер 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 находится по ссылке выше.
У кого-нибудь есть идеи, как избежать возврата к началу при запуске слайдера из середины содержимого слайдера.