Det er det her jeg gerne skulle have til at virke
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title></title>
<!-- Add jQuery library -->
<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><!-- Optionaly include easing and/or mousewheel plugins -->
<script type="text/javascript" src="jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="jquery.mousewheel-3.0.4.pack.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="jquery.fancybox.css?v=2.0.1" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.fancybox.pack.js?v=2.0.1"></script><link rel="stylesheet" href="fancybox_style.css" />
<script type="text/javascript">
function open1(){
$("#ident1").fancybox({
width : 400,
height : 600,
openEffect : 'fade',
closeEffect : 'fade',
openSpeed : 1500,
closeSpeed : 1500,
scrolling : 'no',
arrows : 'true',
type : 'iframe',
helpers : {
title : {
type: 'outside'
},
overlay : {
opacity : 0.5,
css : {
'background-color' : '#000'
}
},
thumbs : {
width : 50,
height : 50
}
}
})
}
function open2(){
$("#ident2").fancybox({
width : 1000,
height : 1000,
openEffect : 'fade',
closeEffect : 'fade',
openSpeed : 1500,
closeSpeed : 1500,
scrolling : 'no',
arrows : 'true',
type : 'iframe',
helpers : {
title : {
type: 'outside'
},
overlay : {
opacity : 0.8,
css : {
'background-color' : '#000'
}
},
thumbs : {
width : 50,
height : 50
}
}
})
}
</script>
</head>
<body>
<a class="ident1 fancybox.iframe" id="ident1" href="
http://jquery.com/" rel="group" onClick="open1()">JQuery</a>
<a class="ident2 fancybox.iframe" id="ident2" href="
http://failblog.org/" rel="group" onClick="open2()">Failblog</a>
</body>
</html>
Problemet er at grupperne går tabt hvis ikke id er det samme.
