Продемонстрируйте свои товары с помощью jQuery

Фото автора =) 01.10.2008 от ROM Комментарии (2) »

Спонсор поста: Просмотр и срочный выкуп квартир и помещений на первом этаже.

Когда Вы размещаете 2 или 3 продукта на странице сайта, всегда задумываетесь: как поинтереснее представить эти продукты? Этот скрипт немного поможет Вам. Используя jQuery, вы можете анимировать два или три продукта, делая при этом их вид интереснее.

Что это делает

Когда Вы кликаете на продукт, картинка увеличивается и появляется описание. Когда Вы кликаете на другой продукт, предыдущий открытый продукт уменьшается и новый увеличивается. Посмотрите пример, чтобы понять меня лучше: Пример работы скрипта

Как это работает

Сначала Вы должны использовать мою структуру HTML. Не забудьте добавить высоту и ширину ко всем тегам изображений. Иначе возможны проблемы в IE.

На внутреннем слое Вам надо сделать другой класс, чтобы определить небольшое изображение, которое будет использоваться как фоновое. Внутренний слой также содержит описание Вашего продукта.

Скачать исходный код

Оригинал: Feature your products with Jquery


Популярность: 87%

Подпишитесь: rss icon RSS Записей rss iconRSS комментариев.
Понравился пост? Поддержи сайт!

Рубрики: JQuery, Переводы |

Комментарии (2)

  1. Shakazahny пишет:

    а почему ты часто комменты игнорируешь?

  2. ROM пишет:

    Я стараюсь не игнорировать комментарии. Может некоторые попадают в спам и я их не вижу т.к. не слежу за спамом.

Оставить комментарий

Подпишитесь, пожалуйста:

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Заметьте: Включена проверка комментариев. Нет смысла повторно отправлять комментарий.


Рубрики:

Управление:




Рейтинг блогов
Рейтинг блогов
Рейтинг блогов
Яндекс цитирования
Каталог блогов Blogdir.ru
количество читателей онлайн и всего


Я - на Карте
Пожертвовать
Каждому своё…
Блог о jQuery, Linux и немного программировании