JS - смена картинки+увеличение

Discussion in 'PHP' started by alpotemkin, 26 Jan 2011.

  1. alpotemkin

    alpotemkin Elder - Старейшина

    Joined:
    7 May 2008
    Messages:
    57
    Likes Received:
    1
    Reputations:
    0
    Доброго времени суток!

    Есть js-скрипт смены картинок по клику:

    Code:
    <script language='javascript'> 
    function show(path) 
    { 
    if (obj = document.getElementById('pic')) { 
    obj.src = path; } 
    } 
    </script> 
    
    <!-- Вывод большой картинки -->
    <img id="pic" src = "images/01.jpg">
    
    <!-- Превьюшки -->
    <a href="#vf" onClick="show('images/01.jpg'); return false;"><IMG src="images/01.jpg"></a> 
    <a href="#vf" onClick="show('images/02.jpg'); return false;"><IMG src="images/02.jpg"></a> 
    <a href="#vf" onClick="show('images/03.jpg'); return false;"><IMG src="images/03.jpg"></a>
    
    И вопрос: как можно сюда прикрутить возможность увеличения большой картинки по клику? Например, как в LightBox.
    И если не сложно - покажите в виде примера.

    Пример работы: http://www.foxsox.com/catalog/product.aspx?type=category&sortorder=stylenumber&code=SLDIR&selectedstyle=2450

    Заранее спасибо за ответ.
     
    #1 alpotemkin, 26 Jan 2011
    Last edited: 27 Jan 2011
  2. FRIK

    FRIK Banned

    Joined:
    10 Sep 2010
    Messages:
    0
    Likes Received:
    3
    Reputations:
    0
    Делай на jquery на нем легче это реализовать и красивее будет выглядить!
     
  3. alpotemkin

    alpotemkin Elder - Старейшина

    Joined:
    7 May 2008
    Messages:
    57
    Likes Received:
    1
    Reputations:
    0
    Гм, может и так. Но я в этом полный ноль. Потому и прошу готовый вариант или ссылку на него, буде он есть.