86

Slide sencillo con javascript

Veremos como implementar un sencillo slide de imágenes en la sección crosscol de nuestro blog (debajo del header).

Antes de nada debemos fijarnos si en nuestra plantilla la sección del crosscol está habilitada, y si no es así, seguiremos las indicaciones de esta entrada.

Crosscol sección


Es muy fácil de implementar y será un recurso muy vistoso para cualquier blog.
En cada imagen que incluyamos en el slide tenemos la posibilidad de añadir un enlace. En mi ejemplo cada imagen está enlazada con una entrada en concreto, pero puede enlazarse con una etiqueta por ejemplo e incluso con una página externa.

Antes de empezar con la explicación para incluirlo y para que lo entendáis mucho mejor, podéis ver un ejemplo funcionando en este blog de pruebas.


[1] En nuestro panel de Blogger nos situamos en la pestaña de Diseño y añadimos un nuevo gadget HTML/Javascrip.
Gadget HTML/Javascript

[2] Copiamos y pegamos este código dentro del gadget:

<script type="text/javascript">
//Ancho (en pixeles)
var sliderwidth="960px"
//Alto
var sliderheight="144px"
//Velocidad 1-10
var slidespeed=1
//Color de fondo:
slidebgcolor="black"

//Vínculos y enlaces de las imágenes
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[1]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[2]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[3]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[4]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[5]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[6]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[7]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[8]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'

leftrightslide[9]='<a href="URL_DE_LA_ENTRADA" title="TITULO_ENTRADA >> ETIQUETA"><img border="0" src="URL_DE_LA_IMAGEN"></a>'



var imagegap=""
var slideshowgap=5


var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

[3] Es en este código donde hemos de incluir las imágenes y sus enlaces.
Los cambios son sencillos de entender y he destacado además en negrita lo que tenéis que sustituir en cada caso.

En el caso de las imágenes que vamos a utilizar, lo adecuado sería usar imagenes de la misma medida en su altura para lograr un diseño óptimo.


Modificaciones:
Es en la primera parte del script donde podemos hacer los cambios precisos para ajustar el slide a las medidas y necesidades de cada uno:

var sliderwidth="960px" Aquí pondremos el ancho adecuado al slide.

var sliderheight="144px" Aquí el alto que tendrá el slide. Para que quede lo mejor posible, lo ideal es darle unos cinco pixeles más de lo que medirán en altura nuestras imágenes.

var slidespeed=1 Aquí escogemos la velocidad de desplazamiento de las imágenes.

slidebgcolor="black" Color de fondo del slide. En negro (black) en el ejemplo.

var imagegap="" Lo he dejado vacío en el ejemplo, si ponemos ahí un valor (por ejemplo:var imagegap="2") , será la distancia entre imagen e imagen, a mayor valor mayor distancia.

[4] Una vez preparado el código, guardamos los cambios.

Entradas Relacionadas:

86 comentarios:


Universitaria de Hoy

Que buena sugerencia Rosa.

Sin duda las imágenes atraen y gustan, principalmente si es con un bonito slide como este, sencillo y útil.

Una pregunta, entonces el color negro si lo podemos modificar para que se adapte al color de nuestro blog o realmente no importa, porque he visto el blog de pruebas y para nada se ve el fondo, ¿quizá si fueran png?

Muchas gracias de nuevo Rosa :D

Monica

Rosy,una belleza como queda,lo probare y te cuento,Besos :)

Espe

hola buenos dias.
estoy intentandolo pero las imagenes son super grandes,como hago para reducirlas?gracias

Laube

Qué estupenda idea!!!!!!!!!!
Gracias!

La Classe de Francés

Buen tips para darle un cambio a nuestro blog. Gracias como siempre Rosa.

MARGA'S HAPPY PATCHWORK

Hola Rosa, ¿que debo hacer si las imágenes que quiero mostrar en el slice no contienen todos los enlaces?.
Concretamente una de ellas esta enlazada con otro blog, y la otra es una imagen que quiero enlazar con los comentarios de la última entrada, pero quisiera que se actualizara cada vez que haga una nueva entrada, ¿quizás este pidiendo la luna?
Muchas gracias anticipadas.

S. C. P.

Hola, Rosa. La idea me encanta, pero para mostrar las fotos en tamaño grande, no para enlazarlas con otra cosa. ¿Cómo tengo que hacer para que al dar click se abra la foto en el tamaño del resto de la página?
Digo, para hacer una especie de "fotoblog".
Gracias!

Meri

Hola Rosa, primero que nada saludarte, estoy más perdia que el barco del arroz. Me ha encantado esto del slide, pero para no variar hay algo que no se resolver, el slide no me desarece al final si no un poquito antes ¿como hago? http://lascositasdemeri.blogspot.com/
No quiero toquetear por si es peor el remedio que la enfermedad
Besotes guapa

Rosa

Universitaria de Hoy En el blog de pruebas el fondo del slide es lo que parece el borde del slide, en gris clarito... para eso le he dado al slide unos pixeles más de ancho que las imágenes: var sliderheight="144px"

Y si, si fuesen png se vería el color de fondo.

Rosa

Espe Pues con un programa de diseño de imágenes adecuado... aquí hay una aplicación online muy buena por si te sirve:
http://www.online-image-editor.com/

ANRAFERA

Muy buena opción. Gracias por su exposición. Saludos.

Rosa

MARGA'S HAPPY PATCHWORK No es posible eso que dices.

Rosa

S. C. P. Eso ya sería otro tema y otro uso que no es el que explico en la entrada...
Aunque podría usarse de ese modo, si subes las imágenes a Blogger y escoges tamaño pequeño para el slide y en la url colocas la del tamaño mayor, la que Blogger añade cuando al pinchar se abre la imagen en tamaño grande.

Rosa

MeriEn esta línea: var sliderwidth="960px" cambia a 850px para que el slide se adapte al ancho del cuerpo de tu blog.
Por cierto... he visto el enlace a Dejotas Radio :D ¡Mil gracias!

Meri

Asunto resuelto ¡si no fuera por tí!

El enlace a Dejotas Radio lo tengo puesto desde que se abrió y de gracias nada, estamos para ayudarnos en lo que cada uno puede ¿NO?

Besos guapetona

Rosa

Meri Ya lo había visto... esta tarde le comentaba a mi marido lo del enlace a Dejotas y visitamos tu blog, je,je... ¿sabes que me dijo?... toma apuntes para la cena de Navidad :D... por la entradita de la merluza:P

Caligae

Muy interesante y práctico.
Lo pondremos en uso en breve.
Gracias por el post.

Salu2

ZoOm LeóN

Muuuy bien explikado, pero a mi me salen las imagenes y los codigos tal cual, no me sale el efecto =(

Gerardo

hola ROSA una nueva pero tambien muy util entrada
enseguida la pongo en el blog :P

offtopic:
ya no estas radiando en dejotas ?? o sera que no hermos coincidido ??

saludos ;)

Meri

Ale! pues animate que esta realmente rica :)

Rosa

Gerardo Si, allí estoy... solo que estos últimos días a cierre esté Mat... yo ando de 7 a 9 hora de España :D

Rosa

ZoOm LeóN Asegurate si está todo bien hecho y si no has dejado incompleto el script al copiarlo de aquí... a veces sucede...

Funciona perfectamente, sino fijate en comentarios anteriores, el de Mery concretamente, en su blog está la prueba de que ella lo aplicó sin problemas.

Claudia Agramonte Saba

Hola Rosa. EStaba deseando este post, encontré muchos post relacionados en otros sitios, pero no tiene tu didacttica. Eres única.

Me preguntaba si es posible agregar texto..no sé..unas lineas de post o algo así.

Gracias.

en-rHed-ando

Ya lo puse, queda precioso!!! Rosi, no sabia que poner en el blog de Manualidades como portada, y ademas te puse en la cabecera en la imagen del posi y posi, pa siempre!! chapeau!!!: http://en-rhed-ando-manualidades-online.blogspot.com/

Rosa

Claudia Agramonte Saba No se si se podría... desde luego no puedo ponerme a mirar lo que me pedís cada uno, me volvería loca... además de que no dispongo de tanto tiempo como para eso.
Hay otros slides circulando por ahí como tu dices creo, con parte del texto de la entrada, al menos creo haberlo visto en algún blog...

Rosa

en-rHed-ando ¡Guapisimo que quedó! claro que influye mucho el gusto en la elección de imágenes...¡que colorido! me encantó :D

Dr.Gerald

Gracias rosa por tu aporte, aunque no tengo mucho tiempo de actualizar mi blog pues encuentro algo nuevo siempre que te visito.
Siempre me quedo con del deseo de que en mi correo aparezca una nueva publicacion tuya, eres grandiosa.

Gerardo

pues alli estaremos Rosa escuchandote en dejotas radio :D

UNA pregunta aparte Rosa

crees que este script sea posible en blogger??

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

ya lo estuve "estudiando"
yo pero no me da creo que me falta definir la lista de estilos
crees que se pueda???

saludos :D

thesystemdark

Muchas gracias Rosa!! por un momento pense que habias olvidado la peticion que te hice de hacer un post con este metodo slide!!

Muchas gracias de nuevo!!
Lo implementare en mi blog luego!!

Álvaro Goncé y Reyes Ledesma

Rosa muchas gracias por tus tutoriales, son geniales.

Una pregunta ... como puedo desplazar la barra de las imágenes para que quede encuadrado debajo de la cabezera ??

Un saludo y gracias.

Rosa

thesystemdark Suelo esperar un tiempo a ver si alguien más solicita algo parecido, como así fue en este caso :D

Rosa

Álvaro Goncé y Reyes Ledesma En tu caso no es tan fácil pues tu plantilla está diseñada en porcentajes... de todos modos has dado un ancho al slide superior al de todo lo demás y se "sale"...

Para que quede debajo del header y a su medida tendrías en primer lugar que mover el slide del crosscol a un gadet debajo del header, darle una anchura de 1200px y después habría que ver como queda, antes no puedo decirte mucho más...

Rosa

Gerardo Me apunto la url y en cuanto pueda lo reviso a ver que "saco" :D

Cocofansclub

Rosiitaa!!no dejas de sorprendernos!!no tenia idea que esto existia,y asi tal facil!!ya lo puse en mi blog,cuando puedas pasa y dame tu ok, o no...jajaja!!a mi me parece que quedo!!
te mando un beso MAESTRA!!!

Ambulante

Esta excelente!!

Disculpa, podrías compartirme la plantilla del blog este de prueba? me gusta como se ven las columnas los margenes y así.
:$

Gracias.

Ana

Hola¡
Permiteme presentarme soy Ana administradora de un directorio de blogs y webs, visité tu página y está genial, me encantaría contar con tu blog en mi sitio web y así mis visitas puedan visitarlo tambien.
Si estas de acuerdo no dudes en escribirme, anacect@gmail.com
Exitos con tu página.
Saludos
Ana

El rincón del balompié

Hola Rosa!

Una duda, cómo configuro los colores y las fuentes de mi plantilla (y no me deja hacerlo en fuentes y colores), mi blog es: http://rinconbalompie.blogspot.com/

© ۞Jair Octavio۞

Hola Rosita, este Gadget es muy divertido, funciona bien, claro por algo lo explicas perfectamente, pero me gustaria saber (supongo que a varios tambien) si se podria dirigir hacia arriba, abajo o a la derecha, estaria super bien, por si alguien quiere hacer tio pelicula hacia arriba se miraria bien, mil gracias de antemano...

Vku

Rosa, que tengas un muy ....

Entra acá

Te quiero.
Muchos besos.

Felipe Tapia

te felicito por tu blog rosa, siempre estoy al tanto de tus aportes, saludos.

Rosa

El rincón del balompié Pues a mano dentro del código CSS, claro que depende para cada parte que quieres, tendrás que saber a que corresponde cada cosa para poder cambiarlo.

Greta Paoli

muy bueno!

Elizabeth Vera

Me super inspire para dejar un mensaje y zaz que me hace error BLogger ... que fatal !!

Pero bueno , antes que nada quiero saludarte cordialmente , ya tenia mucho q no segia en esto de loa "bloggeada" ; admiro mucho el trabajo tan maravilloso que has echo con este blog :O

Fijate q como me ha sobrado tiempo he intentado crear un blog de mi ciudad , asi que he estad buscando cosas vistosas y novedosas ; entre ellas estan los famosos "slides" intente uno muy sencillo pero no me gusto mucho , luego esta este que se ve maravilloso , pero buscaba algo mas como para mostrar fotografia de algun lugar de la ciudad , una breve reseña y q al dar click nos llevara en otra ventana hacia la pagina del creador de la fotografia

Entre las mejores opciones encontre esta :

http://companygreen-btemplates.blogspot.com/#

Intente personalizarla mas como un gadget , pero sin exito alguno , salia fatar o perdia los tiempo , etc etc ...

Si tienes unos minutos para checarlo lo agradeceria enormemente.

Por tu atencion MIL GRACIAS :)

Rosa

Vku ¡Gracias amigooo! Ya no quedan globos :( ¡pummmm! ja,ja.

Rosa

Elizabeth Vera Casi todos esos sistemas usan JQuery, una librería que yo no he estudiado demasiado... en el blog de Gem@ hay algo muy parecido a eso que muestras... siento no recordar la entrada ahora mismo...

Rosa

© ۞Jair Octavio۞ Pues supongo que si claro, modificando bastante el script, solo que aquí está diseñado en horizontal y para el crosscol... para lo que cada uno necesite ya sería cosa de buscar otro sistema o de que el que sepa modifique este script... no puedo hacer una para quien lo quiere "para arriba" o "para abajo" o ...

Rosa

Ambulante Quizá lo haga más adelante ya que me la han solicitado varias personas, pero entonces sería para todos en una entrada...

El rincón del balompié

Yo lo quiero hacer exactamente es esto: en mi blog, al final de la sidebar hay un gadget con los artículos recientes, y quería que la letra apareciese en blanco y no en el negro actual

Muchas gracias por tu tiempo Rosa

© ۞Jair Octavio۞

OK Rosita je je je, pero ese se mira bien entonces, lo tendre que editar a ver que sale, salu2, que andes super bien...

Rosa

El rincón del balompié Ese gadget es de los que añades desde Blogger ¿no?... no hay acceso a su código... se muestra en un embed y que yo sepa no puede controlarse su diseño.

Rosa

El rincón del balompié No veo ningún código... es un gadget para añadir al que puedes antes incluir algunos cambios, pero no el color del texto, y una vez añadido no hay acceso... yo he añadido uno de los gadget en mi blog de pruebas (el 1) y se adapta perfectamente a los colores del resto de enlaces del blog... lo siento pero no se como hacerlo si es que se puede.

Ambulante

una duda más Rosa,
cómo hago para centrarlo? :$

Me queda pegado a la izquierda jaja

El rincón del balompié

Ya está solucionado Rosa, pero gracias de todos modos. Tuve que buscar el código para modificarlo.

Un saludo

Rosa

El rincón del balompié Me alegro y siento no haberte sido de ayuda... la verdad es que yo no encontré donde modificar eso...

Rosa

Ambulante Si está en el crosscol tal como explico, no veo que problema hay... de todos modos necesito verlo instalado para decirte algo...

© ۞Jair Octavio۞

Hola Rosita, que crees? ya hice este gadget para mi blog de MENU:

http://jairoctaviomenu.blogspot.com/

Solo que un detalle, esta arriba del calendario, lo que pasa es que miro que tarda en empezar las imagenes al principio y ya de ahi avanzan bien por el codigo:

//Velocidad 1-10
var slidespeed=1

Ese codigo como tu sabes es para que literalmente caminen, pero lo que veo es que tarda la presentación en empezar a eso me refiero, no empieza luego si no que tarda como 1 minuto en comenzar aprox, no se si habra alguna forma de que empieze luego sin esperar, gracias de antemano...

Rosa

© ۞Jair Octavio۞ No veo el script en ese blog, lo que si noto es que todo el blog tarda en cargarse demasiado... está lleno de cosas :S casi no tengo paciencia a esperar...

© ۞Jair Octavio۞

Rosita, mejor asi dejemos ese Script salu2...

CHINGUARRIO

Gracias Rosa por tu ayuda, me ha srvido de mucho; tengo problemas con mi blog; www.chinguarrio-kafay.blogspot.com LA MEJOR MUSICA DEL RECUERDO, pues dice la adv: error en la pagina y aparecen unos numeros de linea no se como repararlo, quiza me ayudes, por lo pronto gracias siempre

Rosa

CHINGUARRIO Yo he visto tu blog con Firefox y ningún problema... supongo hablas de IExplorer y ahí poco podemos hacer... IE marca esos errores con casi todos los scripts que añadas... pero no implica algo esté mal...

misaani

Hola Rosa ya tengo colocado el slide en este blog http://misfotosdeviajes-misaani.blogspot.com/, pero como son fotografías me gustaría que tuvieran una separación entre ellas de unos pixeles.
¿Se puede hacer, como?
Gracias por tu ayuda.
Saludos

Rosa

misaaniSi, se me paso en la entrada... es en esta parte del script:
var imagegap="" pones var imagegap="2" por ejemplo... a mayor valor mayor separación entre imágenes.

misaani

Muchas gracias por tu ayuda,
Saludos:)

misaani

Le puse var imagegap="1" y se han separado las imagenes, pero aparece el número 1 en todos los margenes que se han creado.
¿A que puede ser debido?
Gracias.

Rosa

misaani Así es :( acabo de comprobarlo yo misma, y lo que es peor... no he sido capaz de corregirlo al menos de momento... si logro algo te aviso por aquí...

Quien te lo dijo...

Hola Rosa, tanto tiempo!!. Siempre sigo tu Blog, y en esta ocasión me gustó mucho este efecto, de hecho lo he aplicado en mi Blog pero tengo un pequeño problemita. Primero, tuve que dejar exactamente el mismo alto de las imágenes y no darle unos cuantos px como nos sugerías pues me dejaba un espacio con el fondo negro, y Segundo, no se que puede ser pero en las imágenes que coloque (12) en algunas secuencias me deja espacio entre imagen ¿que puede ser?. Bueno, te puedes dar un paseo por mi blog y lo puedes ver: http://blogquientelodijo.blogspot.com
Muchas gracias!

Rosa

Quien te lo dijo... Lo he revisado y todo está correcto, no tengo idea porque pasa eso y además solo en ese punto...

Retira el color de fondo
slidebgcolor="black"

Déjalo vacío a ver que pasa:
slidebgcolor=""

Quien te lo dijo...

Rosa, gracias por responderme como siempre!!. Sabes, le dejado como me dices y no me gustaba que una de las imágenes quedara con ese espacio, entonces opté por poner var imagegap="1", y sabes que?, se ve el número 1 entre el espaciado ¿es raro esto no?.

Gracias!!!

Rosa

Quien te lo dijo... Si, lo se... a una chica le pasa igual... es algo en el script que no ha sabido resolver...

Quien te lo dijo...

Rosa, bueno entonces. Si lo tienes presente y si es que alguién encuentra la solución, por favor acuerdate de mi, y de la chica... jaja!

Mi Pc, Informática y Ocio

ya se que es tarde pero poner un espacio ;) a mi me funciono:

imagegap=" "

www.mipcinformatica.com

Mi Pc, Informática y Ocio

Alguien sabe como colocar dos slide en la misma página?? 72 horas y venga ha hacer cambios y nada de nada. Seguiré googleando haber si alguien lo sabe.

Gracias de antemano.

rodrigo

les tengo la Solución: no utilicen el "", o sea imagegap=5.
pero tengo el siguiente problem. quisiera q se detuviera unos 2seg. entre img e img para mostrarla y luego retomara el slide, ¿se puede?

(***-_piinwy!!_oneer!!_-***

rosa, estoy batallando mucho kon este codigo
ya ke al ponerlo justo debajo de la cabesera solo aparece en negro, ademas al kolocarlo en otro lugar, funciona, pero las imagenes no se reducen, es decir se muestran al tamaño original
y solo se observa la parte de arriba de stas,
si me pudieras ayudar, lo dejare asi x unos dias, para ke te pases y revises, gracias x tus inumerables ayudas eh, adios

THE UNTHINKABLE ENGINEER

Hola Rosa, es la primera vez que te escribo y llevo tiempo queriendo poner algo asi en mi blog, he seguido todos los pasos, tanto aqui como en la parte de crosscol y no hay forma de que se vea, también he revisado el código y he visto que funciona en muchos de los blogs aqui comentados. No le veo solucion de momento por más que lo reviso. ¿Alguna idea? Gracias.

http://tue86.blogspot.com/

Rosa

THE UNTHINKABLE ENGINEER Yo si veo un slide en tu blog :O... no se si este u otro, pero funciona...

tumodista.com

Hola Rosa no consigo que se vea con el explorer pero con google chrome si se ve , que puedo hacer?

Rosa

tumodista.com Lo único que puedo decirte es que siguiendo los pasos de la entrada, si se ve en IE, por supuesto en la última o últimas versiones... para las anteriores no sabría decirte, siempre uso las últimas de todos los navegadores para trabajar y comprobar estas cosas...

Solo Producciones

Hola Rosa muy buen dia! Soy Javier, tus consejos y ayuda han sido realmente utiles para mi, muchas gracias! Me gustaria que me ayudaras con esto: He colocado el Slideshow en lugar de la cabecera y ha funcionado bastante bien, solo no logro eliminar un espacio que quedo del lado izquierdo. Puedes visualizarlo aca: http://exxtrema.blogspot.com/ si en algo me puedes ayudar, de antemano gracias!

Rosa

Solo Producciones Pues la verdad es que no he podido verlo... en Firefox el blog se me queda cargando y no sale la cabecera y en IE termina su carga pero tampoco me sale el header (ambos en sus últimas versiones)...

MAJA

hola Rosa, ya puse un slide y queda genial, pero quiero poner otro abajo y no puedo hago todos los pasos pero solo aparece uno de los 2, no se puede poner otro slide en la misma pagina? siempre te leo traes unas ideas barbaras
si queres pasar por el blog te dejo el link
http://descargarlibrosaudiolibrosfacilgratis.blogspot.com/

Pedro Pardo

hola Rosa, enhorabuena por tu blog y tus consejos siempre utilísimos!!
me gustaría saber si se podría añadir este slide tan chulo en una entrada en lugar de en la crosscol o el header u otras secciones; estoy buscando un slide ligero y creo que tu idea es la mejor para lo que quiero; mi blog es:

http://lahierbadeatila.blogspot.com/

muchas gracias de antemano por tu tiempo y un saludo

Rosa

Pedro Pardo No lo he probado, y no me arriesgo a decirte que si... los parámetros de las entradas cambian en Blogger bastante, y hay cosas de este estilo que no dan el resultado esperado, me ha pasado con algún que otro "visor" para imágenes...

Rosa

MAJA Para eso habría que modificar todo el script.

Daniel

Hola Rosa mira este es mi blog http://todojuguetechile.blogspot.com/ ¿Qué debo agregarle al código html para ponerle bordes a las imágenes y texto sobre ellas? me refiero a las imágenes del slide.

Rosa

Daniel Supongo que habría que modificar el script... me es imposible ayudar o modificar a petición de cada uno, no tendría ni tiempo a otras cosas, lo siento.

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S