Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje21-02-2014, 22:17 (UTC)    
Título del mensaje: Noticias que van rotando

Alguien me puede decir un código para poner una serie de noticias en un box donde van rotando, un ejemplo de ellos es en la página web http://cssplantillas.es.tl/ donde pone lo más reciente el texto que sale rotando
______________
--> Nuevas actualizaciones
--> Nuevos recursos
--> Mejores guías
---> No te lo pierdas super-ayuda-webmaster.es.tl
Mensaje22-02-2014, 09:35 (UTC)    
Título del mensaje: Re: Noticias que van rotando

hola, lo encontré en esta web: http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm

lo primero guardar los archivos para colocarlos:
http://www.dynamicdrive.com/dynamicindex2/sagscroller.js
http://www.dynamicdrive.com/dynamicindex2/sagscroller.css




si lo quieres auto, seria en antes de texto encima de la pagina este:
Cita:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="sagscroller.css" />
<script src="sagscroller.js">
<!-- en las zonas azules deberas poner los archivos subidos -->
/***********************************************
* SAG Content Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<style type="text/css">
div#mysagscroller2{
width: 250px; /*width of scroller*/
height:300px;
border:7px solid #C0C0C0;
}

div#mysagscroller2 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
}

</style>
<script>
var sagscroller2=new sagscroller({
id:'mysagscroller2',
mode: 'auto', //<-- modo de movimiento
pause: 2500, //<-- tiempo de espera entre cada fotograma
animatespeed: 400 //<-- velocidad de animacion
})
</script>

una vez completado la configuracion, vamos al box donde lo quieres poner y pon este:
Cita:
<div id="mysagscroller2" class="sagscroller">

<ul>
<li>texto, imagenes....etc 1</li>
<li>texto, imagenes....etc 2</li>
<li>texto, imagenes....etc 3</li>
<li>texto, imagenes....etc 4</li>
<li>texto, imagenes....etc 5</li>
</ul>

</div>

* para poner mas, solo es poner otra linea:
<li>texto, imagenes....etc 5</li>

* para poner imagenes, seria:
<li><img src="url"></li>

* imagen con enlace:
<li><a href="http:......"><img src="url"></a></li>

dato: buscandolo al final estaria en la misma web de cssplantillas :D

editado: por error junté el css con el scrpit, ya está arreglado.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com


Ultima edición por javidj el Dom Feb 23, 2014 6:26 am; editado 2 veces
Mensaje22-02-2014, 13:13 (UTC)    
Título del mensaje:

Hize lo que me dijiste, pero al poner noticias no van rotando y lo intente configurar pero no se, me quedó así:



A parte no entiendo muy bien en lo azul que hay que poner.
Cita:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="sagscroller.css" />
<script src="sagscroller.js">
<!-- en las zonas azules deberas poner los archivos subidos -->

______________
--> Nuevas actualizaciones
--> Nuevos recursos
--> Mejores guías
---> No te lo pierdas super-ayuda-webmaster.es.tl


Ultima edición por super-ayuda-webmaster el Sab Feb 22, 2014 9:24 am; editado 2 veces
Mensaje23-02-2014, 10:19 (UTC)    
Título del mensaje:

hola, lo azul es para que subas los archivos manualemnte a un servidor y los coloques en el sitio correcto.
si no tienes puedes usar esos mismos por defecto:
http://www.dynamicdrive.com/dynamicindex2/sagscroller.js
http://www.dynamicdrive.com/dynamicindex2/sagscroller.css

yo lo he probado, y funciona: http://area-electronica.com/PWG/paginascroller.html

si quieres dale a click derecho "ver codigo fuente"
asi podras ver como esta montado
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com


Ultima edición por javidj el Dom Feb 23, 2014 6:21 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group