Jump to content

Ayuda con jquery fancybox-1.3.4 por favor

CachoSMA
 Share

Recommended Posts

CachoSMA Newbie

CachoSMA

Posted
Posted

Buen día tengo un problema con jquery.fancybox-1.3.4, ya que no se puede ver en Internet explorer, pero en los demás exploradores se ve sin ninguna problema, espero y me puedan ayudar.

 

Mi código es el siguiente

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>:: Kariasac :: Pasteleria Fina</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="styles/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fancyimage").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic' });
});
</script>
</head>
<body>
<div id="container">
<header>
<nav>
<ul id="nav">
<li><a href="index.html">Inicio</a></li>
<li><a href="about.html">Acerca</a></li>
<li><a href="menu.html">Cursos</a></li>
<li><a href="gallery.html" class="current">Galería</a></li>
<li><a href="contact.html">Contacto</a></li>
</ul>
</nav>
</header>
<div class="wrapper">
<div class="border"></div>
<article class="fullwidth gallery">
<h3>Galería</h3>
<a class="fancyimage" href="images/home/Pastel1.jpg"><img src="images/home/Pastel1.jpg" width="150" height="150" alt="" /></a> `
<a class="fancyimage" href="images/gallery/2.jpg"><img src="images/gallery/2.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/3.jpeg"><img src="images/gallery/3.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/4.jpg"><img src="images/gallery/4.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/5.jpeg"><img src="images/gallery/5.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/6.jpg"><img src="images/gallery/6.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/7.jpeg"><img src="images/gallery/7.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/8.jpg"><img src="images/gallery/8.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/home/Pastel1.jpg"><img src="images/home/Pastel1.jpg" width="150" height="150" alt="" /></a> `
<a class="fancyimage" href="images/gallery/2.jpg"><img src="images/gallery/2.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/3.jpeg"><img src="images/gallery/3.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/4.jpg"><img src="images/gallery/4.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/5.jpeg"><img src="images/gallery/5.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/6.jpg"><img src="images/gallery/6.jpg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/7.jpeg"><img src="images/gallery/7.jpeg" width="150" height="150" alt="" /></a>
<a class="fancyimage" href="images/gallery/8.jpg"><img src="images/gallery/8.jpg" width="150" height="150" alt="" /></a>
<a class="pageLink next" style="visibility: visible;" href="#" title="Siguiente Pagina"></a></article>
<div class="border2"></div>
<br>
</div>
<footer>
<div class="border"></div>
<div class="footer-widget">
</div>
<div class="footer-widget">
</div>
<div class="footer-widget">
<h4>Síguenos !!!</h4>
<div id="social"> <a href="http://twitter.com/priteshgupta" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/priteshgupta" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a> </div>
</div>
<div class="border2"></div>
<br />
<span class="copyright"><span class="left"><br />
© Derechos Reservados 2013 - <a href="#">Kariasac</a></span><span class="right"><br />
Diseñado por: <a href="http://www.seosolutions.com.mx">seosolutions.com.mx</a><br />
<br>
<br />
</span></span></footer>
</div>
</body>
</html>

 

Link to comment
Share on other sites
CachoSMA Newbie

CachoSMA

Posted
  • Author
Posted

Hola AshWilliams muchas gracias por tu respuesta intente entrar a esa url pero me indica que no existe, busque algo relacionado con ese nombre pero no encuentro la forma de corregisrlo, indican que modificar el Fancybox.init() pero no se cual de los 2 que me aparecen en el jquery.fancybox-1.3.4.pack.js

Link to comment
Share on other sites
maxuber Newbie

maxuber

Posted
Posted

Prueba con un explorador actualizado de explorer.... o también prueba que el archivo ajax este dentro del sitio y no por un vinculo externo.

Y lo otro por que no pones los atributos del Doctype?

Ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Ahora ojo en el fancy te faltan algunos atributos que no están para que funcione correctamente como el "rel", y por que pones un clase a cada imagen, ya que de acuerdo al fancy slider con una sola clase llamada facygallery que envuelva a las imágenes basta.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...