hightslide + ajax проблемы

[insy]

Всем доброго времени суток!

Понимаю, вопрос тривиальный и скорее всего проблема лежит в путях, но самому дойти к сожалению не получается...

В общем есть див, в который аяксом подгружаются картинки с прикрученной к ним фото галереей fancebox. Трудность заключается в том, что та информация которая подгружается почему то не видит скрипта fancybox'a и картинки, которые должны увеличиваться просто появляются в новом окне...

В то же время, если открыть страницу с фотографиями отдельно, то все работает замечательно!

Подгружаемый файл...

<div class="highslide-gallery">

<a href="images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)">
	<img src="images/gallery1.thumb.jpg" alt="Highslide JS"
		title="Click to enlarge" />
</a>
<div class="highslide-caption">
	Caption for the first image. This caption can be styled using CSS.
</div>
<!-- Repetionion of the above -->
<a href="images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
	<img src="images/gallery2.thumb.jpg" alt="Highslide JS"
		title="Click to enlarge" /></a>
<div class="highslide-caption">
	Caption for the second image.
</div>
<a href="images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
	<img src="images/gallery3.thumb.jpg" alt="Highslide JS"
		title="Click to enlarge" /></a>
<div class="highslide-caption">
	Caption for the third image.
</div>
</div>

Ajax

function showContent(link) {
        var cont = document.getElementById('content');
        var loading = document.getElementById('loading');
        cont.innerHTML = loading.innerHTML;

        var http = createRequestObject();                    
        if( http ) {
            http.open('get', link);                            
            http.onreadystatechange = function () {            
                if(http.readyState == 4) {
                    cont.innerHTML = http.responseText;        
                }
            }
            http.send(null);
        } else {
            document.location = link;    
        }
    }

    function createRequestObject() {
        try { return new XMLHttpRequest() }
        catch(e) {
            try { return new ActiveXObject('Msxml2.XMLHTTP') }
            catch(e) {
                try { return new ActiveXObject('Microsoft.XMLHTTP') }
                catch(e) { return null; }
            }
        }
    }

hightslide

 hs.graphicsDir = '../highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    //hs.dimmingOpacity = 0.75;

    // Add the controlbar
    hs.addSlideshow({
            //slideshowGroup: 'group1',
            interval: 5000,
            repeat: false,
            useControls: true,
            fixedControls: 'fit',
            overlayOptions: {
                    opacity: .75,
                    position: 'bottom center',
                    hideOnMouseOut: true
            }
    });

[Nekromancer]

Обработка событий для элементов DOM, загружаемых через ajax.

[insy]

Вселенское спасибо за скорость и о5же в точку!

[Nekromancer]

Обращайтесь

[insy]

еще вопрос...

Скрипт заработал...картинка увеличивается, а параметры к ней не применяются(

hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});

Edited April 4, 2010 by insy