Как на www.templatemonster.com сделана фотогалерея?

Тема в разделе "Веб-дизайн", создана пользователем majahead, 17 май 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    376
    Симпатии:
    107
    Подскажите кто вкурсе как реализоавать такую вещь наводишь курсор на маленькое изображение и тут же открываеться окно и начинает грузиться большое изображение.Подчёркиваю тот момент что большое изображение грузиться не вместе со страницей а только после навидения курсором на него. Именно так сделано на сайте Перейти по ссылке
     
  2. prnet

    prnet Постоялец

    Регистр.:
    27 апр 2008
    Сообщения:
    91
    Симпатии:
    20
    конкретно темплатемонстер ажаксом сделано. почитай здесь

    http://www.java2s.com/Code/JavaScript/Ajax-Layer/Popupwindow.htm
     
  3. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    376
    Симпатии:
    107
    Почитал. Это совсем не то что я спрашивал.
    Подозреваю что там какойто большой скрипт фотогаллереи с применением аякса. В общем уточню хотелось бы увидеть данный скрипт лично, дабы далее его использывать.
     
  4. HalliK

    HalliK Постоялец

    Регистр.:
    4 фев 2007
    Сообщения:
    117
    Симпатии:
    166
    Это 100% то что тебе надо: Перейти по ссылке:) Можно реализовать как подсказки, загружаются картинки только при наведении, ну и эффекты появления и скрытия сверху плюсом;) Используй не пожалеешь
     
    Rombl4, today, botAniks и ещё 1-му нравится это.
  5. botAniks

    botAniks Постоялец

    Регистр.:
    12 май 2008
    Сообщения:
    104
    Симпатии:
    23
    Сделал http://cssglobe.com/lab/tooltip/02/ 2 вариант, а подписи к картинкам не показывает, почему-то???
     
  6. Rombl4

    Rombl4 Постоялец

    Регистр.:
    9 май 2008
    Сообщения:
    60
    Симпатии:
    15
    Совет: открой индексный файл в каком-нибудь редакторе, найди ссылки на изображения. Они должны выглядеть например вот так:
    <li><a href="2.jpg" class="preview"><img src="2s.jpg" alt="gallery thumbnail" /></a></li>;

    Добавив title получаем то что нужно:

    <li><a href="1.jpg" class="preview" title="Here is your caption!"><img src="1s.jpg" alt="gallery thumbnail" /></a></li>

    Как видим все писец как просто ;)
     
  7. sserbin

    sserbin

    Регистр.:
    9 май 2008
    Сообщения:
    158
    Симпатии:
    22
    Ага, согласен.

    Еще можно добавить zoom in zoom out и вообще можно экстаз получить от аякса!!!!
     
Статус темы:
Закрыта.