За последние 24 часа нас посетили 17309 программистов и 1642 робота. Сейчас ищут 1586 программистов ...

Помогите з фотогалеей

Тема в разделе "Прочее", создана пользователем bruno, 27 янв 2007.

  1. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Нужно сделать страницу на которой в левой части есть список всех уменьшеных фото, которие можно скролить(или кликаем на стрелку вверх вниз тогда скрол), а в правой части екрана выводим соответсвеную большую фото.
    Можно сделать это передавая странице значения индекса фото (для формирования левой части) и индекса фото для отображения в правой части. Но когда будем кликать вверх вниз, то будет снова груз новая страница.
    Можно сделать через фрейми, но это бред.
    Может есть альтернативная идея например грузить все уменьшение фото, а Java скриптом формировать спиок...?
     
  2. AlexGousev

    AlexGousev Активный пользователь

    С нами с:
    25 мар 2006
    Сообщения:
    1.505
    Симпатии:
    0
    Адрес:
    Москва
    Прочитал два раза... что-то не совсем понял, в чем проблема.

    Зачем перегружать страницу при скроллинге?

    Что касается основного фото, то тут либо перезагрузка, либо с помощью яваскрипта менять src и атрибуты картинки. А еще лучше реализовать оба варианта: для тех у кого яваскрипт отключен.

    Кстати, кнопки вверх и вниз ни разу не удобно.
    Или имеются ввиду кнопки "следующая" и "предыдущая"? Тогда лучше сделать как с основным фото: два варианта.
     
  3. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Основная проблема: как вигрузить все картинки(100 штук) но в левой части екрана отобразить 5 (одна под другой). Потом пользователь может их скролить (либо полосой прокрутки либо стрелками вверх вниз).
    Ну а на какой кликнул то её в правой части во весь размер показать.
    Если вигружать по 5 каждий раз (а не 100 а потом...) то скрол будет бешено тормозить.
    По этому я считаю что через PHP вигрузить все, а JavaScript пусть делает скрол из 5 картинок. Но как???[/img]
     
  4. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    Код (Text):
    1. <style type="text/css">
    2. #block {
    3.     width: 120px;
    4.     height: 470px;
    5.     overflow-y: scroll;
    6. }
    7. #block img {
    8.     margin: 5px;
    9.     width: 80px;
    10.     height: 80px;
    11. }
    12. </style>
    13. <div id="block">
    14. <?php for ($i=0; $i<20; ++$i) : ?>
    15. <img src="img<?=$i?>.jpg" alt="img" />
    16. <?php endfor; ?>
    17. </div>
     
  5. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    а где же скрол??????????
     
  6. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    сори. Есть скрол :)