Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > Фотогалерея ImageFlow+Fancy


Автор: nightvi 23.6.2011, 08:34
Народ подскажите как реализовать следующее:

Решил совместить 2 фотогалереи Fancy и ImageFlow никак не могу понять как в контейнер второй загрузить список изображений код загрузки таков:

Код

var node, version, src, imageNode;
        var max = my.ImageFlowDiv.childNodes.length;
        for(var index = 0; index < max; index++)
        {
            node = my.ImageFlowDiv.childNodes[index];
            if (node && node.nodeType == 1 && node.nodeName == 'IMG')
            {
                /* Add 'reflect.php?img=' */
                if(my.reflections === true)
                {
                    version = (my.reflectionPNG) ? '3' : '2';
                    src = my.imagePath+node.getAttribute('src',2);
                    src = my.reflectPath+'reflect'+version+'.php?img='+src+my.reflectionGET;
                    node.setAttribute('src',src);
                }

                /* Clone image nodes and append them to the images div */
                imageNode = node.cloneNode(true);
                imagesDiv.appendChild(imageNode);
            }
        }


а в индексе стоит так

Код

<img src="img/img1.jpg" longdesc="img/img1.jpg" width="150" height="250" alt="Image 1" />
            <img src="img/img2.jpg" longdesc="img/img2.jpg" width="400" height="200" alt="Image 2" />
            <img src="img/img3.jpg" longdesc="img/img3.jpg" width="400" height="200" alt="Image 3" />
            <img src="img/img1.jpg" longdesc="img/img1.jpg" width="150" height="250" alt="Image 4" />
            <img src="img/img2.jpg" longdesc="img/img2.jpg" width="400" height="200" alt="Image 5" />
            <img src="img/img1.jpg" longdesc="img/img1.jpg" width="150" height="250" alt="Image 6" />


А когда подключаю Fancy то индекс должен состоять так:


Код

<li><a href='img/img3.jpg' target=_blank><img src="img/img3s.jpg"></a></li>
 <li><a href='img/img3.jpg' target=_blank><img src="img/img3s.jpg"></a></li>
 <li><a href='img/img3.jpg' target=_blank><img src="img/img3s.jpg"></a></li>
 <li><a href='img/img2.jpg' target=_blank><img src="img/img2s.jpg"></a></li>
 <li><a href='img/img2.jpg' target=_blank><img src="img/img2s.jpg"></a></li>
 <li><a href='img/img1.jpg' target=_blank><img src="img/img1s.jpg"></a></li>
 <li><a href='img/img1.jpg' target=_blank><img src="img/img1s.jpg"></a></li>
 <li><a href='img/img2.jpg' target=_blank><img src="img/img2s.jpg"></a></li>
 <li><a href='img/img1.jpg' target=_blank><img src="img/img1s.jpg"></a></li>
 <li><a href='img/img3.jpg' target=_blank><img src="img/img3s.jpg"></a></li>
 <li><a href='img/img1.jpg' target=_blank><img src="img/img1s.jpg"></a></li>


И когда запускаю то скрипт пишет что изображения не найдены.
PS Моуг прикрепить полностью файл imageflow.js



Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)