галерея - просмотр изображений

[tybys]

Доброго времени суток.
Хотел попросить помощи у вас, сроки горят по сдаче проекта а проггер делся куда-то. Я js не занимаюсь особо пока, а доделать небольшой кусок кода нужно.

Спасибо за понимание.

Есть контейнер с «тумбами» при нажатии на тумбу, изображение должно раскрыться на весь экран с autoscale/size.
Если на форуме уже существует такая тема, с удовольствием посмотрю ссылку

<div class="selecterContent">
  <img src="img/cadillac1.jpg" alt="" class="fp_preview" style="display: none;">
    <ul class="thumb">
      <li class="auto"><a href="img/cadillac1.jpg"><img src="img/cadillacThumbnail1.jpg" alt="" /></a></li>
      <li class="air"><a href="#"><img src="img/miThumbnail1.jpg" alt="" /></a></li>
       …
      <li class="ships"><a href="#"><img src="img/shipThumbnail1.jpg" alt="" /></a></li>
    </ul>
</div>

[melky]

Хотел попросить помощи у вас,
сроки горят по сдаче проекта
а проггер делся куда-то.
Я js не занимаюсь особо пока,
а доделать небольшой кусок кода нужно.

стихи ))

вспомнился плагин fancybox. он не подойдет? демонстрация в примерочной

[tybys]

ха-ха и правда как стишок (= кофе хорошее заварил с утра
к сожалению не подходит, мне нужен просмотр такого плана —
http://www.fieroanimals.com/ в меню showcase и выберите любую фотографию.

Я на jq находил такие вещи, но к сожалению не смог применить их у себя :/ опыта маловато пока, метод копипаста кусков кода на мой взгляд нужных не проходит

[melky]

ого) сложновато будет

в разделе "работа" быстро и качественно напишут код, какой вы захотите. за ваши деньги

[tybys]

Да я понимаю что мало кто захочет за бесплатно делать :/
может можно как-то все же помочь, мне ведь не нужно как в сайте образце 1в1 просто чтобы оно масшабировалось

[melky]

попробую, но не уверен, что это хорошая идея

ну, как-то так

код опять таки в примерочной

настраивается почти полностью через CSS.

чуточку объясню классы

a.big, a.big img {z-index:9999;position:absolute; top:0;left:0;}

класс ссылки, когда на ту нажали.

#dancy.show{background-color:white;z-index:9998;width:100%;height:100%;position:absolute;}

белая "ширма", которая скрывает всё, что сзади. z-index у неё меньше,чем у нажатой картинки (a.big img), поэтому картинка будет лежать поверх её


от вас осталось наладить CSS.


ффуу комикс для меня см подпись.

[tybys]

Безмерно благодарен!
попробую все остальное допилить из эффектов.

P.S да, подпись жутковатая ((=