Foros del Web » Creando para Internet » CSS »

¿Se puede hacer el rotador de Yahoo con CSS?

Estas en el tema de ¿Se puede hacer el rotador de Yahoo con CSS? en el foro de CSS en Foros del Web. Hola, Me gustaría saber si se podría hacer algo parecido al rotador de noticias que tiene Yahoo en su página principal tan sólo con CSS. ...
  #1 (permalink)  
Antiguo 22/10/2011, 14:20
 
Fecha de Ingreso: octubre-2011
Mensajes: 20
Antigüedad: 13 años, 1 mes
Puntos: 0
¿Se puede hacer el rotador de Yahoo con CSS?

Hola,

Me gustaría saber si se podría hacer algo parecido al rotador de noticias que tiene Yahoo en su página principal tan sólo con CSS.

Se que existe el efecto "hover" pero para cambiar la zona sobre la que pones el cursor. En este caso se ilumina la miniatura y lo más importante cambia la parte de arriba sin tapar el resto de miniaturas.


Gracias de antemano.
  #2 (permalink)  
Antiguo 23/10/2011, 07:26
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

no es posible. se hace usando algún framework js. espera o pide que te muevan el tema a ese sub foro
  #3 (permalink)  
Antiguo 23/10/2011, 09:22
 
Fecha de Ingreso: octubre-2011
Mensajes: 20
Antigüedad: 13 años, 1 mes
Puntos: 0
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Ok!

A ver si hay suerte y existe algún rotador .js parecido prefabricado...
  #4 (permalink)  
Antiguo 23/10/2011, 09:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Dejando de lado cuestiones tan "banales" como el que grado de practicidad, compatibilidad con navegadores, etc, etc, etc, creo que te has precipitado en la respuesta tan contundente, IsabelM.

Sí, es posible hacer y de hecho existen, realizaciones como la que menciona mmedia utilizando sólo css.
Las más comunes han sido las que necesitan alguna acción del visitante (:hover, click...) sobre algún elemento.
Pero de un tiempo ha esta parte también han sido publicados ejemplos basados en las @keyframes de css que realizan el cambio sin dicha intervención.

Y de hecho, ya es la segunda vez que hago esta misma aclaración.

Si no son capaces de encontrar algún ejemplo, lo comentan y miro a ver dónde pueden verlo.
  #5 (permalink)  
Antiguo 23/10/2011, 11:53
 
Fecha de Ingreso: octubre-2011
Mensajes: 20
Antigüedad: 13 años, 1 mes
Puntos: 0
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Entiendo en el topic que indicas que se puede pero no es la mejor opción. La idea era simplificarlo con css de cara a la carga de la web pero si resulta más eficiente usar javascript no habría problema. Sólo que igualmente necesitaría encontrarlo en alguna parte.
  #6 (permalink)  
Antiguo 23/10/2011, 12:58
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Cita:
Iniciado por kseso? Ver Mensaje
Dejando de lado cuestiones tan "banales" como el que grado de practicidad, compatibilidad con navegadores, etc, etc, etc, creo que te has precipitado en la respuesta tan contundente, IsabelM.
probablemente, sí que me precipité y fui tajante al afirmar tal hecho. pero en el caso que no lo hibiese sido, mi recomendación hubiera sido la misma, no usar css y usar framework js, por las razones que tu encuentras tan banales

yo puedo recomendar usar propiedades como box-shadow, transition-duration, border-radius, ...... por que sólo afectará a la estética. pero no recomendaré usar pseudo clases como :focus, :target, :not, .... o animation, @keyframes, ...... aunque alguna vez incurro en contradicción
  #7 (permalink)  
Antiguo 23/10/2011, 13:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Vaya.
Ahora va a resultar que también habrá que explicar cosas tan básicas como el entrecomillar una palabra y qué puede significar.

Y por cierto y ya que estamos tan susceptibles, nadie habló de recomendar o no, sino simplemente de si sería posible o no. Cuestiones muy distintas. Creo. Aunque posiblemente también sentirá la necesidad de matizarlo.
  #8 (permalink)  
Antiguo 23/10/2011, 14:59
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

mira, no encuentro la necesidad de matizar nada. y sé/entiendo lo que implica semanticamente el entre comillado.

esta es la única parte de mi respuesta que responde a una alusión directa hacia mi por tu parte
Cita:
Iniciado por IsaBelM Ver Mensaje
probablemente, sí que me precipité y fui tajante al afirmar tal hecho. pero en el caso que no lo hibiese sido, mi recomendación hubiera sido la misma, no usar css y usar framework js, por las razones que tu encuentras tan banales
vaya, ahora va a resultar que también habrá que explicar cosas tan básicas como los párrafo o parágrafo

ya son varias las ocasiones en las que no he entendido tu actitud hacia mi pero este no es el lugar donde tratarlo

Última edición por IsaBelM; 23/10/2011 a las 15:08
  #9 (permalink)  
Antiguo 23/10/2011, 18:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: ¿Se puede hacer el rotador de Yahoo con CSS?

Déjelo, IsabelM. No busque gigantes donde sólo hay molinos.
Tengo la sensación (seguramente errada) de que es en exceso propensa a "picarse"* y que ve actitudes (que creo supone negativas) donde sólo hay matizaciones o precisiones.

No obstante lo anterior, mis disculpas si se ha sentido ofendida o molesta con alguna de mis palabras.



* En España: molestarse, enfadarse, ofenderse

Etiquetas: hover, rotador, yahoo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:20.