Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   галерея - просмотр изображений (https://javascript.ru/forum/jquery/18320-galereya-prosmotr-izobrazhenijj.html)

tybys 26.06.2011 09:37

галерея - просмотр изображений
 
Доброго времени суток.
Хотел попросить помощи у вас, сроки горят по сдаче проекта а проггер делся куда-то. Я 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 26.06.2011 10:06

Цитата:

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

стихи :)))

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

tybys 26.06.2011 10:12

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

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

melky 26.06.2011 10:21

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

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

tybys 26.06.2011 10:26

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

melky 26.06.2011 11:10

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

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

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

настраивается почти полностью через 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 26.06.2011 11:32

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

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


Часовой пояс GMT +3, время: 20:06.