lightbox + carousel

ryuk · #1 (**permalink**) 22/10/2007, 09:23

hola. tengo el siguiente problema estoy juntando 2 codigos el del lightbox y el carousel y me funciona bien al parecer pero el problema esta cuando presiono el boton para que se muestren las siguientes imagenes y no carga el lightbox las imagenes se muestran como un simple href.. probe con el
<a href="foto-evento/001.png" onmousedown="initLightbox();" rel="lightbox"> pero cuando pongo eso no carga ninguna imagen

Código PHP:

 
  
<script type="text/javascript"> 
  
var imageList = [ 
  
            <?php while($fila=mysql_fetch_array($AK)){    ?> 
  
                 "<?php print "foto-evento/".$fila['aka_foto']; ?>", 
  
            <?php }    ?>  
  
                 ]; 
  
var fmtItem = function(imgUrl, fla, title) { 
      var innerHTML =  
          '<a href="foto-evento/001.png" onmousedown="initLightbox();" rel="lightbox"><img src="' +  
          imgUrl + 
        '" width="' + 
        75 + 
        '" height="' + 
        75+ 
        '" alt="aa"/>' +  
          title +  
          '<\/a>'; 
  
    return innerHTML; 
}; 
  
  
  
var loadInitialItems = function(type, args) { 
  
    var start = args[0]; 
    var last = args[1];  
  
    load(this, start, last);     
}; 
  
var loadNextItems = function(type, args) {     
  
    var start = args[0]; 
    var last = args[1];  
    var alreadyCached = args[2]; 
  
    if(!alreadyCached) { 
        load(this, start, last); 
    } 
}; 
  
var loadPrevItems = function(type, args) { 
    var start = args[0]; 
    var last = args[1];  
    var alreadyCached = args[2]; 
  
    if(!alreadyCached) { 
        load(this, start, last); 
    } 
}; 
  
var load = function(carousel, start, last) { 
  
    for(var i=last; i>=start; i--) { 
        carousel.addItem(i, fmtItem(imageList[i-1], "http://www.google.com", "Foto "+i)); 
    } 
}; 
  
 var handlePrevButtonState = function(type, args) { 
  
    var enabling = args[0]; 
    var leftImage = args[1]; 
    if(enabling) { 
        leftImage.src = "http://www.forosdelweb.com/images/left-enabled.gif";         
    } else { 
        leftImage.src = "http://www.forosdelweb.com/images/left-disabled.gif";     
    } 
}; 
  
var handleNextButtonState = function(type, args) { 
    var enabling = args[0]; 
    var rightImage = args[1]; 
    if(enabling) { 
        rightImage.src = "http://www.forosdelweb.com/images/right-enabled.gif";     
    } else { 
        rightImage.src = "http://www.forosdelweb.com/images/right-disabled.gif"; 
    } 
}; 
  
var carousel;  
var pageLoad = function()  
{ 
    carousel = new YAHOO.extension.Carousel("dhtml-carousel",  
        { 
            numVisible:        4, 
            animationSpeed:    0.8, 
            animationMethod:   YAHOO.util.Easing.easeBoth, 
            scrollInc:         3, 
            navMargin:         40, 
            size:              <?php print $N_fotos; ?>, 
            loadInitHandler:   loadInitialItems, 
            prevElement:     "prev-arrow", 
            nextElement:     "next-arrow", 
            loadNextHandler:   loadNextItems, 
            loadPrevHandler:   loadPrevItems, 
            prevButtonStateHandler:   handlePrevButtonState, 
            nextButtonStateHandler:   handleNextButtonState 
        } 
    ); 
}; 
  
YAHOO.util.Event.addListener(window, 'load', pageLoad); 
  
  
</script> 
  
  
  
  
  
</head> 
  
<body> 
  
<div id="doc" class="yui-t7"> 
   <div id="hd"> 
  
<div id="dhtml-carousel" class="carousel-component"> 
    <div><img id="prev-arrow" class="left-button-image" src="http://www.forosdelweb.com/images/left-enabled.gif" alt="Previous Button"/></div> 
    <div><img id="next-arrow" class="right-button-image" src="http://www.forosdelweb.com/images/right-enabled.gif" alt="Next Button"/></div> 
    <div class="carousel-clip-region"> 
        <ul class="carousel-list"> 
  
        </ul> 
    </div> 
</div> 
  
    <div style="padding-top:20px;clear:both"> 
  
    </div> 
  
</div> 
</div>

espero me ayuden
un saludo de antemano