За последние 24 часа нас посетил 17191 программист и 1781 робот. Сейчас ищут 1032 программиста ...

ПЕРЕКЛЮЧЕНИЕ КАРТИНОК

Тема в разделе "JavaScript и AJAX", создана пользователем oksana, 20 апр 2012.

  1. oksana

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

    С нами с:
    16 мар 2012
    Сообщения:
    221
    Симпатии:
    0
    вопрос наверно давно решенный но у меня ни как не выходит

    Нужна самая простая галерея на свете в центре большое фото, снизу маленькие
    и по нажатию появлялась большая

    искала в google, а там только лайтбоксы на jquery, а мне нужно проще
    вот типа этого:
    http://www.avito.ru/items/moskva_chasy_i_ukrasheniya_zoloty ... r_72361197

    Очень прошу киньте ссылку где описана такая задача или
    может у кого готовый скрипт завалялся please =)
     
  2. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.120
    Симпатии:
    1.245
    Адрес:
    там-сям
    http://www.cssplay.co.uk/menu/
    левая колонка — Photo galleries. вообще без участия JavaScript. хотя у этого же автора есть отличный проект с примерами на JS
     
  3. oksana

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

    С нами с:
    16 мар 2012
    Сообщения:
    221
    Симпатии:
    0
    А как скачать =) ?
     
  4. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Да, уж, Вам бы все скачать и врот бы положить, думать вообще отказываетесь...
     
  5. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.120
    Симпатии:
    1.245
    Адрес:
    там-сям
    oksana, нигде.
    все примеры на сиэсэсплэй расчитаны на то, что вы загляните в "исходный текст страницы".
    всё что внутри
    <style type="text/css"> </style> и

    <div id="info"> </div>

    ваше )))
     
  6. html-программист

    html-программист Активный пользователь

    С нами с:
    10 фев 2012
    Сообщения:
    831
    Симпатии:
    4
    Адрес:
    Kiev
    Вот буквально позавчера искал

    Код JavaScript (вставлять между тегами <head> и </head>):
    Код (Text):
    1. <script type="text/javascript">
    2.   function setBigImage(foto) {
    3.     document.getElementById("bigimg").src = foto.src;
    4.   }
    5. </script>
    Код HTML (вставлять между тегами <body> и </body>):
    Код (Text):
    1. <div>
    2.   <p style = 'text-align: center;'>
    3.     <img id = 'bigimg' src = 'gallery1.jpg' height = '150' alt = 'Главное изображение' />
    4.   </p>
    5.   <table style = 'margin: 0 auto;' border = '1'>
    6.     <tr>
    7.       <td>
    8.         <img src = 'gallery1.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 1' />
    9.       </td>
    10.       <td>
    11.         <img src = 'gallery2.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 2' />
    12.       </td>
    13.       <td>
    14.         <img src = 'gallery3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 3' />
    15.       </td>
    16.     </tr>
    17.     <tr>
    18.       <td>
    19.         <img src = 'gallery4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 4' />
    20.       </td>
    21.       <td>
    22.         <img src = 'gallery5.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 5' />
    23.       </td>
    24.       <td>
    25.         <img src = 'gallery6.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 6' />
    26.       </td>
    27.     </tr>
    28.   </table>
    29. </div>
     
  7. oksana

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

    С нами с:
    16 мар 2012
    Сообщения:
    221
    Симпатии:
    0
    не поверишь =))) сегодня тоже самое нашла, все работает но мне не подошло или надо доработать

    там gallery2.jpg gallery3.jpg gallery4.jpg у меня превьюшки 120х90 и они открываются а большие фото в другой папке

    может кто то подскажет =)


    куда прописать папку big, у меня ошибка
    document.getElementById("bigimg").src = foto.src;