Comentarios en: Carrusel de imágenes con efecto de fundido (y en menos de 2Kb) http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/ Sun, 29 Apr 2012 09:28:15 +0000 hourly 1 http://wordpress.org/?v=3.3.2 Por: Carlos http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-261 Carlos Tue, 24 Apr 2012 05:27:40 +0000 http://www.digitalicon.es/blog/?p=1605#comment-261 <p>Excelente el código, muy breve y conciso. Justo para solucionar la necesidad de carrusel en las paginas de inicio.</p> <p>Gracias por el aporte.</p> Excelente el código, muy breve y conciso. Justo para solucionar la necesidad de carrusel en las paginas de inicio.

Gracias por el aporte.

]]> Por: Jesús Iván http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-256 Jesús Iván Tue, 20 Mar 2012 18:11:59 +0000 http://www.digitalicon.es/blog/?p=1605#comment-256 OK. Muchísimas gracias. OK. Muchísimas gracias.

]]> Por: Saúl González Fernández http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-255 Saúl González Fernández Tue, 20 Mar 2012 10:05:50 +0000 http://www.digitalicon.es/blog/?p=1605#comment-255 <p>@Jesús Iván: No te preocupes, te mando un .zip al correo que nos has proporcionado.</p> @Jesús Iván: No te preocupes, te mando un .zip al correo que nos has proporcionado.

]]> Por: Jesús Iván http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-254 Jesús Iván Mon, 19 Mar 2012 23:56:07 +0000 http://www.digitalicon.es/blog/?p=1605#comment-254 <p>Hola. Este es el mejor ejemplo que me ee encontrado... ¡y vaya que he buscado!</p> <p>Nada más una cosa para los que vamos empezando en esto y queremos darle algo de lucidez a nuestras web... ¿tu ejemplo no está disponible para descarga?</p> <p>Si no está disponible cómo lo podemos hacer para emplear en una web con nuestras propias imágenes?</p> Hola. Este es el mejor ejemplo que me ee encontrado… ¡y vaya que he buscado!

Nada más una cosa para los que vamos empezando en esto y queremos darle algo de lucidez a nuestras web… ¿tu ejemplo no está disponible para descarga?

Si no está disponible cómo lo podemos hacer para emplear en una web con nuestras propias imágenes?

]]> Por: Saúl González Fernández http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-154 Saúl González Fernández Tue, 14 Feb 2012 08:17:10 +0000 http://www.digitalicon.es/blog/?p=1605#comment-154 <p>@Manolo: No te preocupes, para aprender primero hay que dudar :)</p> <p>Si miras el código del ejemplo, verás que hay una línea que es <code>body{color:#FFF;background:#333 url(fondo.png) left top repeat-x;}</code>; los valores tras # son un código hexadecimal que indican el color que se quiere aplicar. Por lo general es un grupo de seis caracteres, pero aquí lo abrevio; <a href="http://es.wikipedia.org/wiki/Colores_HTML" rel="nofollow">en la Wikipedia tienes una lista de colores disponibles</a>.</p> <p>Como indicaba en un comentario anterior, si necesitas un poco más de información, hace años escribí un curso que te puede servir de base; <a href="http://www.codexexempla.org/curso/curso_3_1.php" rel="nofollow">ésta es la parte de <abbr>CSS</abbr></a>, aunque igual te viene bien echarle una ojeada al completo.</p> <p>Espero que te sirva de ayuda.</p> @Manolo: No te preocupes, para aprender primero hay que dudar :)

Si miras el código del ejemplo, verás que hay una línea que es body{color:#FFF;background:#333 url(fondo.png) left top repeat-x;}; los valores tras # son un código hexadecimal que indican el color que se quiere aplicar. Por lo general es un grupo de seis caracteres, pero aquí lo abrevio; en la Wikipedia tienes una lista de colores disponibles.

Como indicaba en un comentario anterior, si necesitas un poco más de información, hace años escribí un curso que te puede servir de base; ésta es la parte de CSS, aunque igual te viene bien echarle una ojeada al completo.

Espero que te sirva de ayuda.

]]> Por: Manolo http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-152 Manolo Mon, 13 Feb 2012 23:18:38 +0000 http://www.digitalicon.es/blog/?p=1605#comment-152 <p>Saul, Gracias ya habia visto la segunda versión y es la que quiero instalar en la web, pero sigo sin dar con la tecla para cambiar el color del fondo, cuando dices que esta en la hoja de estilos la propiedad <code>background</code>, ¿a qué te refieres? Soy muy pero que muy novato y perdona si te pregunto algo demasiado obvio.</p> <p>Gracias por tu atención y gracias por aportarnos el codigo.</p> Saul, Gracias ya habia visto la segunda versión y es la que quiero instalar en la web, pero sigo sin dar con la tecla para cambiar el color del fondo, cuando dices que esta en la hoja de estilos la propiedad background, ¿a qué te refieres? Soy muy pero que muy novato y perdona si te pregunto algo demasiado obvio.

Gracias por tu atención y gracias por aportarnos el codigo.

]]> Por: Saúl González Fernández http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-147 Saúl González Fernández Mon, 13 Feb 2012 07:40:39 +0000 http://www.digitalicon.es/blog/?p=1605#comment-147 <p>@Manolo: Todo lo que tiene que ver con el aspecto está definido en la hoja de estilo; para el color se trata de la propiedad <code>background</code> de los elementos.</p> <p>Por cierto, si el contenido que estás incluyendo en las «diapositivas» cuenta con vínculos, es posible que prefieras utilizar el código de <a href="http://digitalicon.es/blog/carrusel-imagenes-retocado/" rel="nofollow">la segunda versión</a>.</p> @Manolo: Todo lo que tiene que ver con el aspecto está definido en la hoja de estilo; para el color se trata de la propiedad background de los elementos.

Por cierto, si el contenido que estás incluyendo en las «diapositivas» cuenta con vínculos, es posible que prefieras utilizar el código de la segunda versión.

]]> Por: Manolo http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-145 Manolo Mon, 13 Feb 2012 01:24:35 +0000 http://www.digitalicon.es/blog/?p=1605#comment-145 Hola, antes de nada agradecerte el aporte, hace tiempo que buscaba hacer esto y me ha servido de mucha ayuda. Me gustaría hacer una pregunta aunque sea una tontería pero ¿cómo cambio el color del fondo? GRACIAS. Hola, antes de nada agradecerte el aporte, hace tiempo que buscaba hacer esto y me ha servido de mucha ayuda. Me gustaría hacer una pregunta aunque sea una tontería pero ¿cómo cambio el color del fondo? GRACIAS.

]]> Por: Pedro http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-75 Pedro Mon, 26 Dec 2011 19:36:20 +0000 http://www.digitalicon.es/blog/?p=1605#comment-75 <p>Buenas tardes Saúl.</p> <p>He encontrado solucción a la cuestión que te planteaba.</p> <p>Sin modificar el script, se puede conseguir el efecto que deseaba cambiando en el html una línea de código.</p> <p>(Este código va en el body de la web, donde figuran los enlaces de las imágenes.)</p> <p>Sustituye la línea:</p> <p><code><ul id="diapos"></code></p> <p>Por esta otra:</p> <p><code><ul id="diapos" style="height:165px;overflow:hidden"></code></p> <p>(165 es el alto de mis imágenes de ejemplo.)</p> <p>Espero que os pueda servir a todos los que buscábais el efecto que pretendía yo.</p> <p>Gracias por tu atención y por el trabajo realizado.</p> Buenas tardes Saúl.

He encontrado solucción a la cuestión que te planteaba.

Sin modificar el script, se puede conseguir el efecto que deseaba cambiando en el html una línea de código.

(Este código va en el body de la web, donde figuran los enlaces de las imágenes.)

Sustituye la línea:

<ul id="diapos">

Por esta otra:

<ul id="diapos" style="height:165px;overflow:hidden">

(165 es el alto de mis imágenes de ejemplo.)

Espero que os pueda servir a todos los que buscábais el efecto que pretendía yo.

Gracias por tu atención y por el trabajo realizado.

]]> Por: Saúl González http://digitalicon.es/blog/carrusel-imagenes-efecto-fundido-2kb/#comment-74 Saúl González Fri, 02 Dec 2011 12:59:49 +0000 http://www.digitalicon.es/blog/?p=1605#comment-74 <p>@Pedro: Se podría reprogramar el <i lang="en" xml:lang="en">script</i> para que cargue las imágenes, cree el carrusel, y después se inserte o sustituya un elemento de la página. En cuanto saquemos tiempo lo programaremos, prometido.</p> @Pedro: Se podría reprogramar el script para que cargue las imágenes, cree el carrusel, y después se inserte o sustituya un elemento de la página. En cuanto saquemos tiempo lo programaremos, prometido.

]]>