Галерея картинок в Mootools

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Ledy, 18 мар 2010.

  1. Ledy

    Ledy Гость

    Здравствуйте, уважаемые программисты!
    Помогите разобраться человеку, вчера узнавшему про существование Mootools:
    очень понравился advanced эффект гармошки на сайте http://www.aaronbirchphotography.com/ (сайт был найден по ссылке: http://balbesof.net/article/a-122.html) В данном примере используется плагин Image Menu.
    Но столкнулась со следующей проблемкой: в IE мини-картинки отображаются только до восьмой включительно, хотя в увеличенном просмотре просматриваются все.
    Как это исправить? Подскажите, если есть такая возможность.
     
  2. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    Без кода вам ничего никт не скажет.. Показывайте код.

    Добавлено: ПС.
    Лучше учите JQuery. Она попопулярнее будет, да и удобнее.
     
  3. Ledy

    Ledy Гость

    Еще б разобраться какой скрипт куда относится, я, к сожалению, не программист, попробую "показать код":

    исходная HTML-страница:
    .
    .
    .
    Код (Text):
    <script type="text/javascript" src="mootools.js"></script>
    <script type="text/javascript" src="imageMenu.js"></script>
    <script type="text/javascript" src="lightbox.js"></script>
    <script type="text/javascript" src="images.js"></script>
    <script type="text/javascript">
    window.addEvent('domready', function(){
    var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:320, onClick:openThumbs});
    Lightbox.init({showControls: true});
    });
    </script>
    </head>


    <body>

    <div id="images" style="display: none;"> <img src="..." /> <img src="..." /> <img src="..." /> <img src="..." /> <img src="..." /> <img src="..." />
    </div>



    <div id="kwick">
    <ul class="kwicks">

    <li style="width: 131px;" class="kwick opt1"><span>1</span></li>

    <li style="width: 131px;" class="kwick opt2"><span>2</span></li>

    <li style="width: 131px;" class="kwick opt3"><span>3</span></li>

    <li style="width: 131px;" class="kwick opt4"><span>4</span></li>

    <li style="width: 131px;" class="kwick opt5"><span>5</span></li>

    <li style="width: 131px;" class="kwick opt6"><span>6</span></li>

    </ul>

    </div>

    <div style="display: none; height: 0px;" id="1" class="thumbnailContainer">
    <div class="clipper"> <a href="....jpg" rel="lightbox[1]" >
    <img src="..." ></a>

    <a href=".jpg" rel="lightbox[1]" >
    <img src="..." ></a>
    .
    .
    .
    .
    .

    <div id="2" class="thumbnailContainer">
    <div class="clipper"> <a href="....jpg" rel="lightbox[2]" >
    <img src="..." alt="" ></a>
    .
    .
    .
     
  4. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.468
    Симпатии:
    27
    Я имел ввиду проблемный кусок кода. Никто не будет разбирать всю эту простыню для вас просто так.
     
  5. Ledy

    Ledy Гость

    Вопрос решен - дело в корявой и старой версии IE
     
Загрузка...

Поделиться этой страницей