Problema con slimbox y JQuery Quicksand

charliebcn · #1 (**permalink**) 18/06/2012, 13:07

Buenas,

Hace poco que he empezado con Javascript. Estoy creando una web portfolio a partir de una plantilla. En esta plantilla las imágenes se mueven para reordenarse por categorías (quicksand). Estoy intentando añadir slimbox para poder ver las imágenes completas.

Según el código adjunto se aplica el efecto quicksand, y si elimino la línea 16 se aplica slimbox, pero no entiendo como puedo hacer para aplicar los dos.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Atlas, A Creative/Freelancer's Portfolio</title>
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript" src="js/slimbox.js"></script>
    <link type="text/css" href="css/slimbox.css" rel="stylesheet" media="screen"/>
    
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/styles.css">
    
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
 
    $(".dropbtn").click(function(){
      $("#dropdown").slideToggle("slow");
      $(this).toggleClass("active");
    });
    
});
    </script>
    <script src="js/jquery.quicksand.js"></script>
    <script src="js/script.js"></script>
    
</head>

En fin, si alguien me puede ayudar se lo agradecería.