- 16 Jul 2012, 14:08
#50
[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]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
[i_i][bbcodet]Línea de ayuda:[/bbcodet]
[i_i][bbcodet]Ejemplo:[/bbcodet]
[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]
[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
[/i_i][slideshow]{TEXT}[/slideshow]
[i_i][bbcodet]Reemplazo HTML:[/bbcodet]
Code: Select all
[/i_i]<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][bbcodet]Línea de ayuda:[/bbcodet]
Code: Select all
[/i_i][slideshow]pon imágenes [img][/slideshow]
[i_i][bbcodet]Ejemplo:[/bbcodet]
Code: Select all
[/i_i][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]
[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]
[img]portal/sig.php[/img][img]portal/signature_random.php[/img]