phpBBMexico

Posted: **16 Jul 2012, 14:08**

[bbcodet]Titulo:[/bbcodet] slideshow de imágenes simple
[bbcodet]Descripción:[/bbcodet] con este bbcode usted puede poner unas imágenes en sus mensajes en slideshow.
[bbcodet]Autor(es)/or Enlace:[/bbcodet] cisco007, codigo de aqui: jQuery Cycle

Pedido?:
no
[bbcodet]Notas:[/bbcodet]
Debes de tener algún jquery en tu overall_header.html. Es mejor poner puras imágenes de el mismo tamaño, aunque todas funcionan bien, pero se ver mejor asi.
[i_i][bbcodet]Uso BBcode:[/bbcodet]

Code: Select all

[slideshow]{TEXT}[/slideshow]

[/i_i]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]

Code: Select all

<style type="text/css">
/*<![CDATA[*/
.slideshow {margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee;}
/*]]>*/
</style>
<script type="text/javascript" src="./js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>
<div class="slideshow">{TEXT}</div>

[/i_i]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]

Code: Select all

[slideshow]pon imágenes [img][/slideshow]

[/i_i]
[i_i][bbcodet]Ejemplo:[/bbcodet]

Code: Select all

[slideshow][img]http://www.doh.state.fl.us/Environment/medicine/aquatic/images/beach3.jpg[/img][img]http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Hopetoun_falls.jpg/300px-Hopetoun_falls.jpg[/img][img]http://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Bachalpseeflowers.jpg/300px-Bachalpseeflowers.jpg[/img][img]http://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Galunggung.jpg/300px-Galunggung.jpg[/img][/slideshow]

[/i_i]
[bbcodet]DEMO:[/bbcodet]
[slideshown][img]http://www.doh.state.fl.us/Environment/ ... beach3.jpg[/img]
[img]http://upload.wikimedia.org/wikipedia/c ... _falls.jpg[/img]
[img]http://upload.wikimedia.org/wikipedia/c ... lowers.jpg[/img]
[img]http://upload.wikimedia.org/wikipedia/c ... nggung.jpg[/img][/slideshown]
[bbcodet]FAQ:[/bbcodet]
pueden cambiar el efecto por cualquiera de estos: http://jquery.malsup.com/cycle/browser.html

[bbcodet]Descarga[/bbcodet]

Posted: **16 Jul 2012, 14:08**

[cisco_note]Reservado[/cisco_note]

Posted: **18 Jul 2012, 00:50**

buenisimo el bbcode!

Posted: **18 Jul 2012, 12:21**

gracias, simple sencillo y funciona bien!

phpBBMexico

[bbcode] slideshow de imágenes

[bbcode] slideshow de imágenes

Re: [bbcode] slideshow de imágenes

Re: [bbcode] slideshow de imágenes

Re: [bbcode] slideshow de imágenes