Foros del Web » Programación web » Javascript » Frameworks JS »

Slideshow sencillo y basico para php

Estas en el tema de Slideshow sencillo y basico para php en el foro de Frameworks JS en Foros del Web. Hola, he probado un par de slideshows, pero nada, no he conseguido que funcionen, la verdad no se que estaba haciendo mal, pero no hay ...

  #1 (permalink)  
Antiguo 15/10/2010, 11:08
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Slideshow sencillo y basico para php

Hola, he probado un par de slideshows, pero nada, no he conseguido que funcionen, la verdad no se que estaba haciendo mal, pero no hay manera (he probado Tinyslideshow y simplesli.de )


Mi objetivo es lo siguiente:

- Tengo una web de articulos, y en la pagina principal quiero que aparezca un slideshow con por ejemplo los ultimos 20 articulos añadidos a la base de datos.
(para sacar los datos de los articulos supongo que sabre haciendo una consulta ordenada descendentemente por id y limitada a 20 resultados)

- Quiero que me salga en pequeño la foto de cada uno de ellos en una fila, que pueda ir recorriendola, y cada vez que pincho en una de las fotos, encima de dicha fila sale la imagen en grande con alguna caracteristica del articulo.

- Al pinchar en la foto en grande del articulo me llevara a la pagina de dicho articulo.


Creo que es sencillo lo que quiero, el tema de mostrar los datos de los articulos, configurar las urls y demas, eso creo que se hacerlo, ademas forma parte de mysql, lo que busco es un codigo de slideshow sencillo que se adapte a lo que quiero, a ser posible en js, ya que no uso flash. Me han hablado de aplicaciones para jQuery, pero no he sido capaz de hacerlo funcionar.


Muchas gracias por adelantado y espero respuestas :)
  #2 (permalink)  
Antiguo 15/10/2010, 11:17
Avatar de darkterry  
Fecha de Ingreso: septiembre-2008
Mensajes: 7
Antigüedad: 6 años, 2 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

lo que buscas es un content slider... segun yo
busca unos tutoriales de jquery.

espero que sea algo asi lo que buscas
[URL="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/"]content-slider[/URL]

saludos!!!
  #3 (permalink)  
Antiguo 15/10/2010, 12:03
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.541
Antigüedad: 8 años, 6 meses
Puntos: 2110
Tema movido desde PHP a Frameworks y Plugins Javascript
  #4 (permalink)  
Antiguo 15/10/2010, 12:27
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Pedir disculpas lo primero por equivocarme de foro al poner el mensaje.

He echado un vistazo a esa web darkterry, pero no me convence.

Yo lo que quiero es exactamente algo parecido al ejemplo de "Tiny Slideshow", pero el problema viene que al poner codigo en php, para configurar el numero de fotos que quiero y demas, no me lee el codigo php y no se porque....

Quiero algo parecido a esto:

http://vku.webcindario.com/TinySlideshow/index.html


(claro esta que solo me ocupe una parte de la pagina, y no toda la pantalla y variando tamaños)


El problema es que las imagenes yo quiero que pueda configurarlas para que me las coja las urls de una base de datos, al igual que los titulos y los textos de las fotos, y que pueda configurar para que me salgan 5, 10, 15 imagenes.... es decir, al gusto, segun modifique una variable.


El problema me viene que cuando modifico dicho codigo, yo tengo esto:

Código:
	
<ul id="slideshow">
		<li>
			<h3>TITULO FOTO</h3>
			<span>LINK IMAGEN</span>
			<p>DESCRIPCION FOTO</p>
			<a href="link a donde me lleva al pinchar la imagen"><img src="DIRECCION FOTO THUMB" alt="nombre" /></a>
		</li>
	</ul>

En el codigo original se incluyen tantos <li> </li> como imagenes quieres para el thumbnail, pero yo quiero modificarlo para el nº de imagenes que quiera, pero pongo este codigo y no me funciona, y yo creo que deberia funcionarme:

Código:
	<ul id="slideshow">
		<?php
		   $imagenes=5;
		   $contador=0;
		   while ($contador <= imagenes)
			{
		?>
			   <li>
			   <h3>TITULO FOTO</h3>
			   <span>LINK IMAGEN</span>
			   <p>DESCRIPCION FOTO</p>
			   <a href="link a donde me lleva al pinchar la imagen"><img src="DIRECCION FOTO THUMB" alt="nombre" /></a>
			   </li>
		<?php
			   $contador++;
			}
		?>
			   	
	</ul>

En este caso deberia aparecerme 5 imagenes, pero nada, el resultado del codigo es el mismo en ambos casos.


Alguna ayuda al respecto?
  #5 (permalink)  
Antiguo 18/10/2010, 16:18
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Nadie puede saber porque ese codigo no me funciona correctamente???

Sigo igual de atascado en ello aun ...
  #6 (permalink)  
Antiguo 23/10/2010, 13:28
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

Cita:
while ($contador <= imagenes)
te falta el $ en imagenes


Si queres 5 imagenes el operador tiene que ser menor, porque si es menor o igual de 0 a 5 hay 6


en realidad en el foro de php trata de no nombrar ni mostrar jquery y aca en el foro de frameworks trata de no mostrar php jeje, porque no tienen nada que ver uno con el otro y a veces (al menos yo) cuando veo mucho php acá cierro la ventana directamente
  #7 (permalink)  
Antiguo 08/11/2010, 10:53
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Cita:
Iniciado por Dany_s Ver Mensaje
te falta el $ en imagenes


Si queres 5 imagenes el operador tiene que ser menor, porque si es menor o igual de 0 a 5 hay 6


en realidad en el foro de php trata de no nombrar ni mostrar jquery y aca en el foro de frameworks trata de no mostrar php jeje, porque no tienen nada que ver uno con el otro y a veces (al menos yo) cuando veo mucho php acá cierro la ventana directamente

Ya me di cuenta del fallo del $, pero el problema sigue estando, es como si me ignorase el codigo php, ya que incluso poniendo un simple echo para que me muestre algun mensaje, no lo hace.

Casi me voy a rendir con lo del slideshow, porque estuve bastantes dias tratando de lograr que funcionase sin obtener resultados.
  #8 (permalink)  
Antiguo 08/11/2010, 12:52
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

posteá el html que genera
  #9 (permalink)  
Antiguo 12/11/2010, 12:39
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

El html que me genera? No entiendo a que te refieres con eso, lo siento....


Yo quiero conseguir para mi pagina esto mismo:

http://sandbox.leigeber.com/javascript-slideshow/



Pero que las imagenes y los textos me los saque de mi base de datos, el problema es que cuando edito el archivo, el codigo en php no me lo reconoce, tengo esto, pero todo lo que veis escrito en php no me lo reconoce, no me imprime los echos por pantalla ni nada de nada, y no se porque podra ser la verdad.


Código:
<?php session_start();

/*
     
	ARCHIVO PARA PROBAR EL SLIDESHOW

*/


?>

<html>
<title>PRUEBA SLIDESHOW</title>
<link rel="stylesheet" href="style.css" />
<body>

	<ul id="slideshow">
		<?php
		   $imagenes=5;
		   $contador=0;
		   while ($contador <= $imagenes)
			{
		?>
			   <li>

			   <h3>
				<?php
				   echo ("TITULO 1");
				?>

			   </h3>

			   <span>fotos/thumbs/bob.jpg</span>

			   <p>				
				<?php
				   echo ("$imagenes");
				?>
			   </p>



			   <a href="link a donde me lleva al pinchar la imagen"><img src="fotos/thumbs/bob.jpg" WIDTH='70' HEIGHT='70' alt="nombre" /></a>
			   </li>
		<?php
			   $contador++;
			}
		?>
			   	
	</ul>



	<div id="wrapper">

		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
			<div id="information">
				<h3></h3>
				<p></p>
			</div>

		</div>
		<div id="thumbnails">
			<div id="slideleft" title="Slide Left"></div>
			<div id="slidearea">
				<div id="slider"></div>
			</div>
			<div id="slideright" title="Slide Right"></div>
		</div>

	</div>

</body>
</link>
</html>

<script type="text/javascript" src="compressed.js"></script>

<script type="text/javascript">
	$('slideshow').style.display='none';
	$('wrapper').style.display='block';
	var slideshow=new TINY.slideshow("slideshow");
	window.onload=function(){
		slideshow.auto=true;
		slideshow.speed=5;
		slideshow.link="linkhover";
		slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=5;
		slideshow.active="#fff";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}
</script>

Segun ese codigo, como $imagenes vale 5, me deberia aparecer 5 veces la imagen al repetir el bucle, pero como el php se lo salta, pues solo me sale una vez, y no se porque puede ser la verdad.
  #10 (permalink)  
Antiguo 12/11/2010, 13:18
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

entonces es problema de php y no jquery

el html que genera es el HTML que estas generando con php, por eso, acá no hay que postear la lógica que usas en php para generar las etiquetas, importa el html

ejecutas tu php, en la barra de herramientas vas a "ver->código fuente" copias y lo pegas acá

si el plugin funciona con una lista de imagenes
<ul>
<li></li>
<li></li>
<li></li>
</ul>

pero con php no podes generar esa estrucutra tendrias que preguntar en el foro de php, yo tengo la misma respuesta que te diste
Cita:
pero como el php se lo salta, pues solo me sale una vez, y no se porque puede ser la verdad.
si se lo salta y no genera las imagenes el plugin no va a poder hacer nada, ni jquery


¿estás seguro que no genera la lista? ¿tenes las imagenes en la ruta correcta? ¿se ve por lo menos la primer imagen?

¿incluiste la libreria jquery?

yo copio y pego lo que posteaste y me genera las 5

lo que no veo es la libreria jquery

Última edición por Dany_s; 12/11/2010 a las 13:23
  #11 (permalink)  
Antiguo 16/11/2010, 05:11
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Hola de nuevo, nada, si incluyo la libreria jquery, no me funciona tampoco.

Al ver el codigo fuente de la pagina, todo lo que anda entre <?php ?> me lo pone en color morado claro, como si fuesen comentarios, con lo cual no me ejecuta nada, ese es el principal problema que tengo.

La verdad que me estoy haciendo ya un poco lio con esto, y no se porque puede ser mi error.


Si pongo las rutas a pelo, entre los
<ul>
<li></li>
<li></li>
<li></li>
</ul>

me salen las imagenes y demas, pero como quiero que me coja las rutas de las imagenes y los nombres y demas de la base de datos, y poder variar para que segun como me convenga muestre 10 imagenes, o en otra ocasion 20 y demas, pues no me sirve ese metodo de poner las rutas y nombres de fotos y descripciones a pelo.


El principal problema es ese, que todo lo que viene en php, me lo coge como comentarios, y no se porque, y ya no se que mas probar.


Gracias por la colaboracion :)
  #12 (permalink)  
Antiguo 16/11/2010, 06:41
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

ahora que veo bien no es un plugin de jquery

entrá acá http://loseasi.blogspot.com/2010/03/tiny-slideshow.html y bajate el zip con el código fuente funcionando

ese mismo index lo pasas a php y te haces las imagenes dinámicas
  #13 (permalink)  
Antiguo 17/11/2010, 11:45
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Eso mismo es lo que hice, y nada me da fallos.....

Supongo que pasar ese fichero a php te refieres a que añada al principio del todo <?php y al final del fichero ?> y lo renombre con extension .php verdad???

Pues eso hago y luego si por ejemplo, pongo:

Código:
<h3>
echo ("este es el texto que me debe aparecer");
</h3>

Por pantalla me muestra:
echo ("este es el texto que me debe aparecer");

en lugar de mostrarme:
este es el texto que me debe aparecer



Ya no se que mas probar ni porque no me funciona, hago algo mal??
  #14 (permalink)  
Antiguo 17/11/2010, 15:19
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

una pregunta MUY absurda... ¿¿estas trabajando con PHP en un servidor online o local?? de lo contrario no se ejecutará... para hacerlo localmente tienes XAMPP (Windows) y MAMP (Mac OS) o sino súbelo a tu servidor de pruebas online. No sé si te lo han comentado en el post porque he leido gran parte pero no todo... Prueba eso y nos comentas a ver si sacamos tu galería.

Un saludo!
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #15 (permalink)  
Antiguo 18/11/2010, 05:13
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

seguramente sea eso
  #16 (permalink)  
Antiguo 18/11/2010, 07:41
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Wenas, trabajo en local, y tengo Xammp instalado y activado el Apache y Mysql cuando hago las pruebas, asi que ese no es el problema.....

Habeis probado alguien a bajar el index.html, añadirle codigo php, por ejemplo un bluce for para que repita la misma imagen 4 veces o 3 veces y probarlo???


Un saludo y gracias por la ayuda :)
  #17 (permalink)  
Antiguo 18/11/2010, 08:15
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

vos estas agrgando código php a un archivo html?
  #18 (permalink)  
Antiguo 18/11/2010, 11:23
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Cita:
Iniciado por Dany_s Ver Mensaje
vos estas agrgando código php a un archivo html?
Simplemente lo que hago es lo que dije, cojo ese archivo index.htm de la web que pusiste (que es la misma de la cual descargue yo) que funciona, lo transformo a php y pruebo, pero no hay manera......

Si alguien sabe como hacer funcionar dicho slideshow en un archivo php.....


Porque segun esta en ese codigo, solo puedo poner las fotos si meto directamente la ruta de las fotos y las descripciones en el codigo, pero a mi me gustaria coger las rutas de las fotos y las descripciones de mi base de datos, pero al no funcionarme el codigo php, no puedo.
  #19 (permalink)  
Antiguo 18/11/2010, 14:36
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

es raro como lo comentas

yo ya te pedí que postees el html, entra a la galeria en el navegador y hace click derecho y ver codigo fuente, ese código fuente (HTML) postea acá
  #20 (permalink)  
Antiguo 19/11/2010, 10:04
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

A ver, este es el código que no se te ejecuta no?

Código:
<ul id="slideshow">
		<?php
		   $imagenes=5;
		   $contador=0;
		   while ($contador <= $imagenes)
			{
		?>
			   <li>
			   <h3>TITULO FOTO</h3>
			   <span>LINK IMAGEN</span>
			   <p>DESCRIPCION FOTO</p>
			   <a href="link a donde me lleva al pinchar la imagen"><img src="DIRECCION FOTO THUMB" alt="nombre" /></a>
			   </li>
		<?php
			   $contador++;
			}
		?>
			   	
</ul>
Por probar, ya que cuando aparente está todo bien y algo sigue fallando suele ser un pequeño detalle y en principio debería funcionar tal y como tu lo haces, intentalo con esto:

Código:
<ul id="slideshow">
		<?php
		   $imagenes=5;
		   $contador=0;
		   while ($contador <= $imagenes)
			{
	
			   echo '<li>';
			   echo '<h3>TITULO FOTO</h3>';
			   echo '<span>LINK IMAGEN</span>';
			   echo '<p>DESCRIPCION FOTO</p>';
			   echo '<a href="link a donde me lleva al pinchar la imagen"><img src="DIRECCION FOTO THUMB" alt="nombre" /></a>';
			   echo '</li>';
	
			   $contador++;
			}
		?>
			   	
</ul>
es simplemente hacer echo con todo lo que quieres que se repita, a ver si de esa manera te hiciera caso....

Prueba y nos cuentas. Un saludo!
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #21 (permalink)  
Antiguo 19/11/2010, 10:09
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

Bueno, acabo de probar ambas opciones y funcionan correctamente las 2... cuelga el archivo con el que estás trabajando para que podamos echarle un vistazo... como bien han comentado, esto es un problema de PHP, no de JavaScript, ya nos preocuparemos de hacer funcionar el Slideshow cuando tengas el código PHP funcionando no?
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...

Última edición por Banditolane; 19/11/2010 a las 10:18
  #22 (permalink)  
Antiguo 24/11/2010, 12:36
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Pues nada, no hay manera de hacer que funcione con ese codigo tampoco.

Aqui pongo todo mi codigo de mi archivo "prueba.php" a ver si os ayuda a algo.

Muchas gracias de nuevo por vuestra ayuda compañeros.


Código:
<html>
<title>PRUEBA SLIDESHOW</title>
<link rel="stylesheet" href="style.css" >
<body>


<?php session_start();

 
/*
     
	ARCHIVO PARA PROBAR EL SLIDESHOW

*/

?>
	<ul id="slideshow">
		   <?php
		   $imagenes=5;
		   $contador=0;
		   while ($contador <= $imagenes)
			{
		   ?>
			   <li>

			   <h3>
				<?php
				   echo ("TITULO 1");
				?>

			   </h3>

			   <span>fotos/thumbs/bob.jpg</span>

			   <p>				
				<?php
				   echo ("$imagenes");
				?>
			   </p>



			   <a href="link a donde me lleva al pinchar la imagen"><img src="fotos/thumbs/bob.jpg" WIDTH='70' HEIGHT='70' alt="nombre" /></a>
			   </li>
			   <?php
			   $contador++;
			}
			   ?>
			   	
	</ul>


	<div id="wrapper">

		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
			<div id="information">
				<h3></h3>
				<p></p>
			</div>

		</div>
		<div id="thumbnails">
			<div id="slideleft" title="Slide Left"></div>
			<div id="slidearea">
				<div id="slider"></div>
			</div>
			<div id="slideright" title="Slide Right"></div>
		</div>

	</div>


<script type="text/javascript" src="compressed.js"></script>


<script type="text/javascript">
	$('slideshow').style.display='none';
	$('wrapper').style.display='block';
	var slideshow=new TINY.slideshow("slideshow");
	window.onload=function(){
		slideshow.auto=true;
		slideshow.speed=5;
		slideshow.link="linkhover";
		slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=5;
		slideshow.active="#fff";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}
</script>

</body>
</link>
</html>


Supongo que con dicho codigo lo que me deberia aparecer es la misma imagen que tengo en dicha ruta repetida 5 veces, pero no es asi, solo me sale 1 vez, y no me muestra por pantalla ni TITULO 1 ni el nº de imagen que corresponderia (con el contador de echo $imagenes).


Gracias y a ver si asi podeis ayudarme.

Si necesitais alguna cosa mas me decis por favor, la idea seria luego ir sacando las rutas de las imagenes de mi base de datos, pero bueno, eso creo que se hacerlo, pero si no me funciona primero el codigo php, dificilmente voy a poder.
  #23 (permalink)  
Antiguo 24/11/2010, 13:09
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

pregunta rapida: ¿por qué tienes un </link>? cierra el <link rel="stylesheet" href="style.css" /> asi... además no sé que hace ahi abajo del todo! por otra parte mete todo lo que no este en el body en el <head></head>
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #24 (permalink)  
Antiguo 24/11/2010, 13:21
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

Ya lo he corregido, (no se porque no puedo editar de nuevo mi mensaje).

Ahora el codigo es el siguiente al comienzo:


Código:
<html>

<head>
<title>PRUEBA SLIDESHOW</title>
<link rel="stylesheet" href="style.css" />
</head>

<body>

y he quitado el </link> del final, pero sigue sin funcionar.....


Pongo el link, porque en el codigo original venia, y si no lo pongo no funciona como slideshow.

Gracias por las ayudas
  #25 (permalink)  
Antiguo 24/11/2010, 13:22
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

Mejor te posteo el código con las correcciones ok?

Código:
<?php
	session_start();
?>

<html>

<head>

<title>PRUEBA SLIDESHOW</title>
<link rel="stylesheet" href="style.css" media="screen" />
<script type="text/javascript" src="compressed.js"></script>

<script type="text/javascript">

$(document).ready( function() {

	$('slideshow').style.display='none';
	$('wrapper').style.display='block';

	var slideshow=new TINY.slideshow("slideshow");
	window.onload = function(){
		slideshow.auto=true;
		slideshow.speed=5;
		slideshow.link="linkhover";
		slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=5;
		slideshow.active="#fff";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}

});

</script>

</head>

<body>

	<!-- ARCHIVO PARA PROBAR EL SLIDESHOW -->

	<ul id="slideshow">

<?php

		   $imagenes=5;
		   $contador=0;
		   while ($contador <= $imagenes) {

?>
			   <li>

			   <h3>

<?php

				   echo ("TITULO 1");

?>

			   </h3>

			   <span>fotos/thumbs/bob.jpg</span>

			   <p>				
<?php

				   echo ("$imagenes");

?>

			   </p>



			   <a href="link a donde me lleva al pinchar la imagen"><img src="fotos/thumbs/bob.jpg" WIDTH='70' HEIGHT='70' alt="nombre" /></a>
			   </li>

<?php

			$contador++;
		  }

?>
			   	
	</ul>


	<div id="wrapper">

		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
			<div id="information">
				<h3></h3>
				<p></p>
			</div>

		</div>
		<div id="thumbnails">
			<div id="slideleft" title="Slide Left"></div>
			<div id="slidearea">
				<div id="slider"></div>
			</div>
			<div id="slideright" title="Slide Right"></div>
		</div>

	</div>

</body>

</html>
creo que así debe funcionar, pero no lo he probado... pruébalo a ver que tal!

Un saludo!
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #26 (permalink)  
Antiguo 24/11/2010, 14:12
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

vamos por partes... el PHP ya, al menos a mi, me funciona con ese código que te posteao. ahora lo que es cierto que no me funciona es el slideshow, pero estoy trabajando con ello aver si damos con la solución... responde cuando puedas y me comentas si el PHP ya te funciona ok?
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #27 (permalink)  
Antiguo 24/11/2010, 16:22
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 865
Antigüedad: 5 años
Puntos: 65
Respuesta: Slideshow sencillo y basico para php

no entiendo que es lo que no te finciona, que aparece? nada? fijate algun error en la consola de javascript

a mi me funciona perfercamente

bajate los archivos de ejemplo, elimina el index.html y create un index.php y pega este código

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>JavaScript Slideshow - TinySlideshow</title>
  5. <link rel="stylesheet" href="style.css" />
  6. </head>
  7.     <ul id="slideshow">
  8.             <?php
  9.                $imagenes=5;
  10.                $contador=1;
  11.                while ($contador <= $imagenes):
  12.            ?>
  13.                     <li>
  14.                     <h3>TITULO FOTO</h3>
  15.                     <span>photos/orange-fish.jpg</span>
  16.                     <p>DESCRIPCION FOTO</p>
  17.                     <a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="nombre" /></a>
  18.                     </li>
  19.             <?php
  20.                $contador++;
  21.                endwhile;
  22.            ?>
  23.     </ul>
  24.     <div id="wrapper">
  25.         <div id="fullsize">
  26.             <div id="imgprev" class="imgnav" title="Previous Image"></div>
  27.             <div id="imglink"></div>
  28.             <div id="imgnext" class="imgnav" title="Next Image"></div>
  29.             <div id="image"></div>
  30.             <div id="information">
  31.                 <h3></h3>
  32.                 <p></p>
  33.             </div>
  34.         </div>
  35.         <div id="thumbnails">
  36.             <div id="slideleft" title="Slide Left"></div>
  37.             <div id="slidearea">
  38.                 <div id="slider"></div>
  39.             </div>
  40.             <div id="slideright" title="Slide Right"></div>
  41.         </div>
  42.     </div>
  43. <script type="text/javascript" src="compressed.js"></script>
  44. <script type="text/javascript">
  45.     $('slideshow').style.display='none';
  46.     $('wrapper').style.display='block';
  47.     var slideshow=new TINY.slideshow("slideshow");
  48.     window.onload=function(){
  49.         slideshow.auto=true;
  50.         slideshow.speed=5;
  51.         slideshow.link="linkhover";
  52.         slideshow.info="information";
  53.         slideshow.thumbs="slider";
  54.         slideshow.left="slideleft";
  55.         slideshow.right="slideright";
  56.         slideshow.scrollSpeed=4;
  57.         slideshow.spacing=5;
  58.         slideshow.active="#fff";
  59.         slideshow.init("slideshow","image","imgprev","imgnext","imglink");
  60.     }
  61. </body>
  62. </html>

para que sean 5 fotos en la condicion pone que sea menor "$contador < $imagenes"

si es menor o igual que $contador empiece en 1
$imagenes=5;
$contador=1;



Estoy 100% seguro que estas creando código php en un archivo html o no ejecutas tu php bajo servidor

decis que en el código fuente que te genera el navegador cuando ejecutas tu php te sale en color morado el bloque php pero en realidad nunca puede aparecer código php, es imposible
Cita:
Al ver el codigo fuente de la pagina, todo lo que anda entre <?php ?> me lo pone en color morado claro, como si fuesen comentarios, con lo cual no me ejecuta nada, ese es el principal problema que tengo.
Decis que solo te sale UNA imagen, y si, porque no te lee el código php y solo sale el primer li


O estas escribiendo PHP en un HTML o NO estás ejecutando tu script php bajo servidor


Decime con que URL estas probando, http://localhost/.... o file:///C:/

Última edición por Dany_s; 24/11/2010 a las 16:38
  #28 (permalink)  
Antiguo 01/12/2010, 11:45
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

EDITADO: joder que zoquete soy, creo que el error viene al trabajar desde file:///C:/xampp/xampp/htdocs/tienda/prueba.php en lugar de desde: localhost/tienda/prueba.php

bufff, en fin, voy a seguir ya que creo que ese era el error, ya siento haberos hecho perder el tiempo por un fallo tan ridiculo.

Ya he hecho pruebas y he logrado que me funcione cogiendo los titulos y fotos de mi base de datos.



Ahora me gustaria poder usarlo como una funcion, me explico.


Yo en mi pagina principal, tengo una tabla, en uno de los huecos de la tabla quiero mostrar el slideshow, es decir hacer una especie de llamada a una funcion, y que cuando llame a la funcion "mostrarslideshow()" me muestre en ese hueco de la tabla el slideshow.

El problema viene que cuando trato de hacerlo, me modifica todo el formato de la pagina, y no me funciona como slideshow, no se si tendre que cambiar variables internas del tinyslideshow o algo para ello, o si es viable lo que quiero conseguir......

Yo quiero que el slideshow me ocupe solo el tamaño destinado a ello que he dejado libre en la tabla, y no me modifique el resto de la pagina principal, que es lo que me ocurre.

Alguna idea, o como podria buscar informacion sobre este tema?

Última edición por MARTIN_LAW; 01/12/2010 a las 13:23
  #29 (permalink)  
Antiguo 02/12/2010, 10:15
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 4 años, 8 meses
Puntos: 1
Respuesta: Slideshow sencillo y basico para php

mi consejo para empezar es que no utilices tablas para maquetar, y supongo que estaréis todos de acuerdo conmigo... y el siguiente consejo es, que si lo que pretendes es mantener el slide oculto hasta que se pulse un botón determinado, lo hagas con un efecto simple de, por ejemplo, jQuery (un fadeIn, slideDown o algo así...). Te recomiendo que lo hagas de esa manera puesto que ya estás usadno jQuery para el slide y es muy fácil de controlar y te quitas de todas esas historias que comentas... ah! y otra cosa, asegúra bien tus pasos antes de decir algo que enrede más el problema, ok?

Venga, un saludo!
__________________
Cuantos más errores cometas, más cerca te encontrarás de la solución final. Lo importante es no rendirse...
  #30 (permalink)  
Antiguo 02/12/2010, 11:41
 
Fecha de Ingreso: julio-2010
Mensajes: 121
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: Slideshow sencillo y basico para php

La verdad es que no quiero mantenerlo oculto, he usado una tabla para maquetar 2 zonas diferenciadas de la pagina principal, en un lado el slide mostrando las novedades y en el otro lado el carrito de compra.

Como podria hacerlo sin necesidad de tablas???

Tambien debo mirar a ver como hacer para poner el slide que solo se muestre en una parte de la pagina, ya que me lo muestra en toda la pagina y yo quiero que me ocupe solo una porcion de la pagina.

Gracias por todo!

Etiquetas: basico, php, sencillo, slideshow
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:31.
SEO by vBSEO 3.3.2