Tema: Cómo pasar de php a array de javascript
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 06/04/2012, 12:06
Avatar de gjx2
gjx2
 
Fecha de Ingreso: agosto-2008
Ubicación: R.D
Mensajes: 1.153
Antigüedad: 15 años, 8 meses
Puntos: 139
Respuesta: Cómo pasar de php a array de javascript
Este codigo te deberia de funcionar sin ningun tipo de problemas , solo que debes de estudiarlo bien y adaptarlo.



Código HTML: 
Ver original
  1. <?php
  2.  
  3.  
  4. foreach($imagenes as $img) {   
  5. $imagen[] = "imagenes/productos/".$img->id."/a1.jpg";  
  6. }
  7.  
  8.  
  9. ?>
  10. <script type="text/javascript">
  11. window.onload = function(){
  12.  
  13. var img = new Array();
  14. var imagenes = <?=json_encode($imagen)?>
  15.  
  16.  
  17. for(i=0;i<imagenes.length;i++){
  18.     
  19.     img[i] = new Array(imagenes[i],"TITULO","CONTENIDO","ETC","ETC");
  20.     
  21. }
  22.  
  23.  
  24. var mygallery=new simpleGallery({
  25.     wrapperid: "simplegallery1", //ID of main gallery container,
  26.     dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  27.     imagearray:img,
  28.     autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
  29.     persist: false, //remember last viewed slide and recall within same session?
  30.     fadeduration: 500, //transition duration (milliseconds)
  31.     oninit:function(){ //event that fires when gallery has initialized/ ready to run
  32.         //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
  33.     },
  34.     onslide:function(curslide, i){ //event that fires after each slide is shown
  35.         //Keyword "this": references current gallery instance
  36.         //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
  37.         //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
  38.     }
  39. })
  43. }
  44. </script>


Probe el codigo con la galeria y me funciona perfecto.


Aqui abajo te dejo la prueba de escritorio que realice.


Código PHP: 
Ver original
  1. <?php
  2.  
  3.  
  4. $imgDb[1] = "http://i26.tinypic.com/11l7ls0.jpg";
  5. $imgDb[2] = "http://i29.tinypic.com/xp3hns.jpg";
  6. $imgDb[3] = "http://i30.tinypic.com/531q3n.jpg";
  7. $imgDb[4] =  "http://i31.tinypic.com/119w28m.jpg";
  8.  
  9.  
  10. foreach($imgDb as $id){
  11. $img[] = $id;   
  12. }
  13.  
  14. ?>
  15. <script type="text/javascript">
  16. window.onload = function(){
  17.  
  18. var img = new Array();
  19. var imagenes = <?=json_encode($img)?>
  20.  
  21.  
  22. for(i=0;i<imagenes.length;i++){
  23.     
  24.     img[i] = new Array(imagenes[i],"","","","");
  25.     
  26. }
  27.  
  28.  
  29. var mygallery=new simpleGallery({
  30.     wrapperid: "simplegallery1", //ID of main gallery container,
  31.     dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
  32.     imagearray:img,
  33.     autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
  34.     persist: false, //remember last viewed slide and recall within same session?
  35.     fadeduration: 500, //transition duration (milliseconds)
  36.     oninit:function(){ //event that fires when gallery has initialized/ ready to run
  37.         //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
  38.     },
  39.     onslide:function(curslide, i){ //event that fires after each slide is shown
  40.         //Keyword "this": references current gallery instance
  41.         //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
  42.         //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
  43.     }
  44. })
  45.  
  46.  
  47.  
  48. }
  49. </script>
  50. <div id="simplegallery1" style="width:500px"></div>