Tengo hecho una galeria de imagenes y muestro la imagen agrandada con el plugin FANCYBOX, me funciona bien para FireFox e IE 8, pero no asi es IE7, utilizè el mismo codigo q publica fancybox en su web, el simple : $("a#example1").fancybox();
Pero no me agarra en IE7, sale un alert ('Si deseo detener el script, etc etc etc')..
Mi codigo es el siguiente:
Código HTML:
<link rel="stylesheet" type="text/css" href="../css/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox();
$("a#example2").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'titlePosition': 'inside',
'overlayOpacity': '0.8',
'overlayColor': '#333', //<--NO comma here
});
});
</script>
<div class="ubicacion">
<div class="titulo"><img src="template/ubicacion1.png"/></div>
<div class="texto">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.
</div>
<div class="fondo_ubicacion">
<!--<div class="img_ubicacion"><a href="#"><img src="template/img_ubicacion.jpg"/></a></div>-->
<div class="img_ubicacion"><a id="example2" href="template/ubicacion_click.jpg"><img alt="example1" src="template/img_ubicacion.jpg" border="0"/></a></div>
</div>
<div class="espacio"></div>
</div>