Re: [Ovillo] Slideshow en javascript (offtopic?)
el CSS de la capa que se está colocando abajo y debería estar arriba...
El 16 de marzo de 2010 16:19, Germán Bustos escribió:
> Muchas gracias,
>
> Ya hice eso. Los z-index cambian al pasar el bucle, al principio no tienen
> nada, pero luego a medida que el script se corre, se le van poniendo
> z-index=2 ( que dura muy poco) y luego se cambia z-index=0 entonces es
> cunado pasa que se pone adelante la última...
>
> Pero no sé que tocar para que cambie. Agradezco ayuda.
>
> German
>
>
>
> El 16 de marzo de 2010 10:20, I'm Jepser
> escribió:
>
> > revisa los z-index de las capas, algo asi me paso a mi. Con firebug
> chequea
> > en slide que te da problema como es que el objeto va cambiando de
> > z-index...
> > Espero que te ayude
> >
> > El 16 de marzo de 2010 08:40, Germán Bustos
> > escribió:
> >
> > > Hola,
> > >
> > > Primero que todo dos disculpas: una porque este tema es un poco
> > "off-topic"
> > > y la otra porque no he terminado de aprender JavaScript ni jQuery que
> > cada
> > > vez veo que son herramientas indispensables en nuestro trabajo
> cotidiano
> > > como webmasters.
> > >
> > > Tengo un problema con JavaScript y no sé como entrarle, para el sitio
> > > http://roboticaescolar.com/ hice un slideshow que está en primera
> plana
> > la
> > > idea es que salga un texto sobre la foto que es el logo de un artículo.
> > Lo
> > > hice tomando de un sitio que corre con WordPress un plugin de jQuery
> que
> > se
> > > llama Cycle y no cambié ninguno de los parámetros de configuración,
> pero
> > > tiene un grave problema (además de las fotos): en el primer ciclo, la
> > > última
> > > imagen se entromete y hace que la información que aparece encima de las
> > > fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
> > > funciona perfectamente, pero son 12 productos así que para el visitante
> > de
> > > primera vez la información siempre está errada.
> > >
> > > Abajo pego el código de control de jQuery Cycle, la verdad aun no
> manejo
> > > bien estos conceptos y me gustaría aprender a diseñar mis propias
> > > presentaciones,
> > > El plugin están en mi servidor en
> > > http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la
> > hoja
> > > de estilos en http://roboticaescolar.com/squelettes/css/slides.css
> > >
> > > inicia archivo de control scripts.js
> > > ---
> > >
> > > var autoSlide = true;
> > > var autoSlideSecs = 10;
> > >
> > > var proj = 0;
> > > var interval = null;
> > >
> > > function textSlideIn(proj) {
> > >$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
> > > 700);
> > > }
> > > function textSlideOut(proj) {
> > >$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px"
> },
> > > 700);
> > > }
> > > function photoFadeIn(proj) {
> > >$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
> > > }
> > > function photoFadeOut(proj) {
> > >$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
> > > }
> > > function photoPutBehind(proj) {
> > >$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
> > > }
> > > function nextSlide() {
> > >$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
> > >setTimeout('photoFadeOut('+proj+')', 1000);
> > >setTimeout('photoPutBehind('+proj+')', 1500);
> > >textSlideOut(proj);
> > >proj++;
> > >var i = $('ul.text li').size() - 1;
> > >if (proj>i) proj = 0;
> > >setTimeout('photoFadeIn('+proj+')', 1500);
> > >setTimeout('textSlideIn('+proj+')', 1000);
> > > }
> > >
> > > termina archivo de control scripts.js
> > > ---
> > >
> > > No he querido tocarlo para nada porque funciona bien en el segundo
> ciclo
> > y
> > > no entiendo cómo se podría manejar
> > >
> > >
> > > Muchas gracias,
> > >
> > >
> > > Germán
> > >
> > > --
> > > Germán Bustos
> > > (+57)3177381339
> > > Atarraya
> > > http://atarraya.org
> > > http://germanbustos.com
> > >
> > >
> > >
> > > --
> > > Germán Bustos
> > > (+57)3177381339
> > > Atarraya
> > > http://atarraya.org
> > > http://germanbustos.com
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Jepser Bernardino
> > www.npixels.net
> > twitter jepser
> > tel. 52730528
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Germán Bustos
> (+57)3177381339
> Atarraya
> http://atarraya.org
> http://germanbustos.com
> ___
Re: [Ovillo] Slideshow en javascript (offtopic?)
Muchas gracias,
Ya hice eso. Los z-index cambian al pasar el bucle, al principio no tienen
nada, pero luego a medida que el script se corre, se le van poniendo
z-index=2 ( que dura muy poco) y luego se cambia z-index=0 entonces es
cunado pasa que se pone adelante la última...
Pero no sé que tocar para que cambie. Agradezco ayuda.
German
El 16 de marzo de 2010 10:20, I'm Jepser escribió:
> revisa los z-index de las capas, algo asi me paso a mi. Con firebug chequea
> en slide que te da problema como es que el objeto va cambiando de
> z-index...
> Espero que te ayude
>
> El 16 de marzo de 2010 08:40, Germán Bustos
> escribió:
>
> > Hola,
> >
> > Primero que todo dos disculpas: una porque este tema es un poco
> "off-topic"
> > y la otra porque no he terminado de aprender JavaScript ni jQuery que
> cada
> > vez veo que son herramientas indispensables en nuestro trabajo cotidiano
> > como webmasters.
> >
> > Tengo un problema con JavaScript y no sé como entrarle, para el sitio
> > http://roboticaescolar.com/ hice un slideshow que está en primera plana
> la
> > idea es que salga un texto sobre la foto que es el logo de un artículo.
> Lo
> > hice tomando de un sitio que corre con WordPress un plugin de jQuery que
> se
> > llama Cycle y no cambié ninguno de los parámetros de configuración, pero
> > tiene un grave problema (además de las fotos): en el primer ciclo, la
> > última
> > imagen se entromete y hace que la información que aparece encima de las
> > fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
> > funciona perfectamente, pero son 12 productos así que para el visitante
> de
> > primera vez la información siempre está errada.
> >
> > Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
> > bien estos conceptos y me gustaría aprender a diseñar mis propias
> > presentaciones,
> > El plugin están en mi servidor en
> > http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la
> hoja
> > de estilos en http://roboticaescolar.com/squelettes/css/slides.css
> >
> > inicia archivo de control scripts.js
> > ---
> >
> > var autoSlide = true;
> > var autoSlideSecs = 10;
> >
> > var proj = 0;
> > var interval = null;
> >
> > function textSlideIn(proj) {
> >$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
> > 700);
> > }
> > function textSlideOut(proj) {
> >$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" },
> > 700);
> > }
> > function photoFadeIn(proj) {
> >$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
> > }
> > function photoFadeOut(proj) {
> >$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
> > }
> > function photoPutBehind(proj) {
> >$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
> > }
> > function nextSlide() {
> >$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
> >setTimeout('photoFadeOut('+proj+')', 1000);
> >setTimeout('photoPutBehind('+proj+')', 1500);
> >textSlideOut(proj);
> >proj++;
> >var i = $('ul.text li').size() - 1;
> >if (proj>i) proj = 0;
> >setTimeout('photoFadeIn('+proj+')', 1500);
> >setTimeout('textSlideIn('+proj+')', 1000);
> > }
> >
> > termina archivo de control scripts.js
> > ---
> >
> > No he querido tocarlo para nada porque funciona bien en el segundo ciclo
> y
> > no entiendo cómo se podría manejar
> >
> >
> > Muchas gracias,
> >
> >
> > Germán
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> >
> >
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Jepser Bernardino
> www.npixels.net
> twitter jepser
> tel. 52730528
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Slideshow en javascript (offtopic?)
revisa los z-index de las capas, algo asi me paso a mi. Con firebug chequea
en slide que te da problema como es que el objeto va cambiando de z-index...
Espero que te ayude
El 16 de marzo de 2010 08:40, Germán Bustos escribió:
> Hola,
>
> Primero que todo dos disculpas: una porque este tema es un poco "off-topic"
> y la otra porque no he terminado de aprender JavaScript ni jQuery que cada
> vez veo que son herramientas indispensables en nuestro trabajo cotidiano
> como webmasters.
>
> Tengo un problema con JavaScript y no sé como entrarle, para el sitio
> http://roboticaescolar.com/ hice un slideshow que está en primera plana la
> idea es que salga un texto sobre la foto que es el logo de un artículo. Lo
> hice tomando de un sitio que corre con WordPress un plugin de jQuery que se
> llama Cycle y no cambié ninguno de los parámetros de configuración, pero
> tiene un grave problema (además de las fotos): en el primer ciclo, la
> última
> imagen se entromete y hace que la información que aparece encima de las
> fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
> funciona perfectamente, pero son 12 productos así que para el visitante de
> primera vez la información siempre está errada.
>
> Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
> bien estos conceptos y me gustaría aprender a diseñar mis propias
> presentaciones,
> El plugin están en mi servidor en
> http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la hoja
> de estilos en http://roboticaescolar.com/squelettes/css/slides.css
>
> inicia archivo de control scripts.js
> ---
>
> var autoSlide = true;
> var autoSlideSecs = 10;
>
> var proj = 0;
> var interval = null;
>
> function textSlideIn(proj) {
>$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
> 700);
> }
> function textSlideOut(proj) {
>$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" },
> 700);
> }
> function photoFadeIn(proj) {
>$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
> }
> function photoFadeOut(proj) {
>$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
> }
> function photoPutBehind(proj) {
>$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
> }
> function nextSlide() {
>$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
>setTimeout('photoFadeOut('+proj+')', 1000);
>setTimeout('photoPutBehind('+proj+')', 1500);
>textSlideOut(proj);
>proj++;
>var i = $('ul.text li').size() - 1;
>if (proj>i) proj = 0;
>setTimeout('photoFadeIn('+proj+')', 1500);
>setTimeout('textSlideIn('+proj+')', 1000);
> }
>
> termina archivo de control scripts.js
> ---
>
> No he querido tocarlo para nada porque funciona bien en el segundo ciclo y
> no entiendo cómo se podría manejar
>
>
> Muchas gracias,
>
>
> Germán
>
> --
> Germán Bustos
> (+57)3177381339
> Atarraya
> http://atarraya.org
> http://germanbustos.com
>
>
>
> --
> Germán Bustos
> (+57)3177381339
> Atarraya
> http://atarraya.org
> http://germanbustos.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Jepser Bernardino
www.npixels.net
twitter jepser
tel. 52730528
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Slideshow en javascript (offtopic?)
Hola,
Primero que todo dos disculpas: una porque este tema es un poco "off-topic"
y la otra porque no he terminado de aprender JavaScript ni jQuery que cada
vez veo que son herramientas indispensables en nuestro trabajo cotidiano
como webmasters.
Tengo un problema con JavaScript y no sé como entrarle, para el sitio
http://roboticaescolar.com/ hice un slideshow que está en primera plana la
idea es que salga un texto sobre la foto que es el logo de un artículo. Lo
hice tomando de un sitio que corre con WordPress un plugin de jQuery que se
llama Cycle y no cambié ninguno de los parámetros de configuración, pero
tiene un grave problema (además de las fotos): en el primer ciclo, la última
imagen se entromete y hace que la información que aparece encima de las
fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
funciona perfectamente, pero son 12 productos así que para el visitante de
primera vez la información siempre está errada.
Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
bien estos conceptos y me gustaría aprender a diseñar mis propias
presentaciones,
El plugin están en mi servidor en
http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la hoja
de estilos en http://roboticaescolar.com/squelettes/css/slides.css
inicia archivo de control scripts.js
---
var autoSlide = true;
var autoSlideSecs = 10;
var proj = 0;
var interval = null;
function textSlideIn(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
700);
}
function textSlideOut(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" },
700);
}
function photoFadeIn(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
}
function photoFadeOut(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
}
function photoPutBehind(proj) {
$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
}
function nextSlide() {
$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
setTimeout('photoFadeOut('+proj+')', 1000);
setTimeout('photoPutBehind('+proj+')', 1500);
textSlideOut(proj);
proj++;
var i = $('ul.text li').size() - 1;
if (proj>i) proj = 0;
setTimeout('photoFadeIn('+proj+')', 1500);
setTimeout('textSlideIn('+proj+')', 1000);
}
termina archivo de control scripts.js
---
No he querido tocarlo para nada porque funciona bien en el segundo ciclo y
no entiendo cómo se podría manejar
Muchas gracias,
Germán
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS, XHTML, PHP, MySQL
Hay por ahí php-Ovillo http://groups.google.es/group/php-ovillo saludos En/na adolfo Delgado ha escrit: > Hola Compañeros, hay algún miembro que además de manejar el CSS, y XHTML > (ojo XHTML strict) > programe con PHP Y MySQL? > Yo programo en estos 4 lenguajes y echo de menos una lista como esta, que > diseñadores compartamos información y quería proponer a los miembros que le > parecería la idea de realizar otra lista para otro lenguajes. > un saludo > aDelgado > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] CSS, XHTML, PHP, MySQL
Hola Compañeros, hay algún miembro que además de manejar el CSS, y XHTML (ojo XHTML strict) programe con PHP Y MySQL? Yo programo en estos 4 lenguajes y echo de menos una lista como esta, que diseñadores compartamos información y quería proponer a los miembros que le parecería la idea de realizar otra lista para otro lenguajes. un saludo aDelgado ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
