Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/06/2013, 10:59
Avatar de skardo
skardo
 
Fecha de Ingreso: febrero-2013
Ubicación: Lima
Mensajes: 68
Antigüedad: 11 años, 2 meses
Puntos: 1
Pasar mi codigo PHP por un filtro JavaScript

Buenos dias, estoy haciendo una web con un slide, estoy utilizando el supersized, y para que el slide funcione se tiene ke poner la direcion de las imagenes de esta manera :

Código Javascript:
Ver original
  1. slides                  :   [           // Slideshow Images
  2.                             {                            
  3.                             image : 'img/portafolio_fondo_01.jpg', title : '', thumb : '', url : ''},
  4.   image : 'img/portafolio_fondo_02.jpg', title : '', thumb : '', url : ''},
  5.   image : 'img/portafolio_fondo_03.jpg', title : '', thumb : '', url : ''},
  6.                                                 ]      
  7. });

pero como el proyecto esta diseñado para que el usuario pueda subir una imagen nueva cada mes y solo se muestren 5 pense incorporar el php listando las urls de las imagenes de esta manera

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.            
  3. jQuery(function($){
  4.                
  5. $.supersized({
  6.  
  7. // Functionality
  8. slide_interval          :   3000,      
  9. transition              :   1,         
  10. transition_speed        :   700,       
  11.                                            
  12. // Components                          
  13. slide_links :   'blank',
  14. slides  :   [           // Slideshow Images
  15.                             {
  16. </script>
  17.                           <?php
  18.                             include("conexion.php");
  19.                             $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  20.                             $query = mysql_query($sql);
  21.                             while ($fila = mysql_fetch_object($query)){
  22.                             ?>
  23.                             <script>
  24.                             image : 'img/</script><? echo $fila->g.imagen_url ?><script>', title : '', thumb : '', url : ''},
  25.                             </script>
  26.                             <?php
  27.                             }
  28.                             mysql_close($conexion);
  29.                             ?>
  30.                             <script>
  31.                                                 ]      
  32.                 });
  33.             });
  34.            
  35.         </script>

el problema es que me di con la pared, no funciona, investigando por la red encontre como declarar variables en php, asi ke opte por remover el php dentro y ponerlo afuera del javascript, pero .... no se y no logro como declarar mi variable "<? echo $fila->g.imagen_url ?>" y hacer que sea un bucle de solo 5,
mas o menos lo plantie asi, haver si me echas una mano en el codigo estaria muy agradecido con ustedes :

Código Javascript:
Ver original
  1. <?php
  2.      include("conexion.php");
  3.      $sql = "SELECT p.tipo, g.nombre_img, g.imagen_url FROM portafolio_proyectos p, portafolio_galerias g WHERE p.id_portada = g.portafolio_proyectos AND p.tipo =  'Casas' estado=1 LIMIT 5 ";
  4.      $query = mysql_query($sql);
  5.      while ($fila = mysql_fetch_object($query)){  
  6.      
  7. echo $fila->g.imagen_url;  --> NO SE COMO DECLARA ESTO PARA QUE ME APARESCA EN EL SLIDE
  8. SI ESTA DENTRO DE UN WHILE COMO PODRIA GUARDARLO , asi?
  9. $imagen= "echo $fila->g.imagen_url;"  ????? o de esta manera
  10. var imagenjs = "<?php echo $imagen; ?>" ;????
  11.  
  12. ?>
  13.    
  14.         <script type="text/javascript">
  15.             jQuery(function($){        
  16.                 $.supersized({             
  17.                     // Functionality
  18.           slide_interval:   3000,      
  19.                     transition:   1,           
  20.                     transition_speed:   700,                                               
  21.                     // Components                          
  22.                     slide_links:    'blank',
  23.                     slides:     [      
  24.                             {image : 'img/--> AQUI ', title : '', thumb : '', url : ''},
  25.                                                 ]      
  26.                 });
  27.             });  
  28.         </script>
  29.           <?php
  30.       }
  31.        mysql_close($conexion);
  32.       ?>