Problemer med at vise billeder rigtigt med jquery ajax menu og fancybox
Hej AlleJeg har et lille problem jeg håber der er nogen der kan hjælpe mig med.
Jeg har en jquery ajax menu, som loader indholdet fra en klassisk asp fil ind i en div, det fungere som det skal.
Jeg har så lavet et billede galleri ved hjælp af fancybox, det viker også fint, hvis jeg kører det direkte fra siden udenom ajax menuen.
Hvis jeg sætter koderne ind i min index fil, fungere det også fint, men så snart jeg prøver at køre det via ajax menuen ( asp filen den loader ind) virker det ikke, så åbner den bare billedet i alm størrelse og ikke i fancybox.
linket til billedet ser således ud:
<a rel="galleri" href="billede.jpg" border="0"><img width="100px" height="100px" src="billede.jpg" border="0"></a>
Når jeg linker til mine sider via menuen, er det via java script: ajaxpage('side.asp','divnavn')
Koden til at fremvise billedet ser således ud:
$(document).ready(function() {
$("#various2").fancybox();
$("a[rel=galleri]").fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
Og ajaxmenuen er lidt lang, men her er noget af den:
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('post', url, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
$("body").scrollTop(0);
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
Håber der er nogen der kan hjælpe mig, så jeg kan få vist mine billeder på en pæn måde.
God påske
p.s. ved ikke om det er i den rigtige kategori jeg har lagt den, undskyld hvis det ikke er