21:03 

Помогите с выбором галереи jquery

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Есть необходимость в создании галереи с тремя видами изображения: иконка, изображение и большое изображение. Связаны тройками.
Функциональность: Нажимаем иконку - меняется изображение в ячейке. (пара иконка - изображение). Нажимаем на изображение - открывается галерея больших изображений с возможностью пролистать по всей галерее. ( собственно вот тут я застряла на самописной... по одной - все ок, но при подключении спрятанного массива - дубляжи вылазят т.к. делаю я простой заменой атрибута)

Может видели готовые похожие решения?

@темы: JavaScript

Комментарии
2012-03-15 в 21:58 

alhames
alhames.ru
Я всегда сам писал.. У нашего дизайнера каждый раз функционал обновляется, потому стандартного скрипта написать не удалось :)

2012-03-16 в 09:55 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
А я только учусь и поэтому пути у меня странны и не изведаны :)
За ночь возникла идея сделать из кучки ссылок массив и поиском находить повтор... И убирать его из массива. Теперь буду искать пример создания массива по началу названию класса (или ИД)... Где-то же видела!

2012-03-16 в 12:31 

alhames
alhames.ru
Покажите хоть код - может быть помогу :)

2012-03-20 в 11:22 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Попробуем разобраться :) Это то, что сейчас у меня работает... + плагин лайтбокса, в который я не лезла и который вызывается нажатием на #view_big.


Вот кусок страницы в урезаном виде:


Все просто как 5 копеек - что еще ждать от того, кто только учится)

2012-03-20 в 13:02 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Вот во что вылилось:


и в коде поменяла только вызов:


а не, еще ид повесила вместо классов:


Работает так, как хотелось...

Теперь думаю над следующим пунктом программы... Мне нужно скрывать значок лупы, если загружаемая картинка меньше 300 пикселей по ширине.. >_<

2012-03-20 в 13:46 

Inty
Жизнь - это что-то!
Makha, либо при выводе в php узнаете через getimagesize и просто изначально не выводим лупу.
Либо через jquery и потом убираем-рисуем лупу. (c javasсript смысл тот же)

2012-03-20 в 17:12 

alhames
alhames.ru
Ох, что-то я сейчас совсем не соображаю.. Может к ночи голова пройдет(

Мне нужно скрывать значок лупы, если загружаемая картинка меньше 300 пикселей по ширине.. >_<
Можно пойти от обратного: изначально загружать скрытую лупу, а потом на load навешать fadeIn лупы..
Только юазть load не JQuery, а объекта Image.

2012-03-21 в 22:04 

alhames
alhames.ru
Такс.. Смотрел смотрел код.. Так и не понял сути.
1) Зачем вы используете эту устаревшую конструкцию «href="javasсript:function_name()"»? У любого элемента есть событие onclick, на которое можно навесить необходимую функцию.
2) Для того чтобы при клике на ссылку браузер не пытался открыть адрес из href нужно в функции, навешанной на onckick делать «return false»
3) Храните все параметры произвольных атрибутах. Например, я бы хранил так

<a href="#show" class="show-img" data-src="/path/to/img" data-id="temp_id">click me</a>

И на JQuery навесил бы событие:

2012-04-13 в 14:03 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Храните все параметры произвольных атрибутах.

Вот это нужно вбить себе в голову... Т_Т Тьфу-тьфу-тьфу, приняли галерею :)

     

@web-программирование

главная