Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/05/2012, 11:20
nafw
 
Fecha de Ingreso: febrero-2004
Ubicación: ensenada
Mensajes: 94
Antigüedad: 20 años, 11 meses
Puntos: 1
Respuesta: 2 Java en la misma página (JQzoom y Fancybox)

Por si a alguien le llegara a servir, así solucione los 2 scripts:

Cita:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom-core.js"></script>

<link rel="stylesheet" href="css/jquery.jqzoom.css" type="text/css">
<style type"text/css">
.clearfix:after{clear:both;content:".";display:blo ck;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
border:1px solid red;
}

.jqzoom{

text-decoration:none;
float:left;
}

</style>
<script type="text/javascript">

$(document).ready(function() {
/*
* Examples - images
*/

$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});

$('.jqzoom').jqzoom({
zoomType: 'innerzoom',
preloadImages: false,
alwaysOn:false
});


});
</script>
__________________
Siempre es más fácil hacerlo de la forma más difícil........ :ojotes: