Autor Tema:  Efecto caratulas aparecer y desvanecer  (Leído 3474 veces)

0 Usuarios y 1 Visitante están viendo este tema.

  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Haz el bien y no mires a quién
  • Awards ¡Gracias por realizar una donación al foro!
    • Awards
Efecto caratulas aparecer y desvanecer
« en: 25 de Diciembre de 2011, 10:37:27 pm »
Hola mi gente hoy traigo este efecto desvanecer y aparecer para las imágenes de la web, sobre carátulas u otras.

Paso con los códigos y luego donde deben ubicarlo...

Para el efecto aparecer al pasar el cursor en todas las imágenes de la web:

Código: [Seleccionar]
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"/>
{literal}<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 0.5);
$('img').hover(function() {
$(this).fadeTo('slow', 1.0);
}, function() {
$(this).fadeTo('slow', 0.5);
});
});
</script>{/literal}

Para el efecto desvanecer al pasar el cursor en todas las imágenes de la web:

Código: [Seleccionar]
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"/>
{literal}<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 1.0);
$('img').hover(function() {
$(this).fadeTo('slow', 0.5);
}, function() {
$(this).fadeTo('slow', 1.0);
});
});
</script>{/literal}

Para el efecto aparecer al pasar el cursor en las imágenes escogidas:

Código: [Seleccionar]
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"/>
{literal}<script type='text/javascript'>
$(document).ready(function() {
$('.blImagjtef').fadeTo('slow', 0.5);
$('.blImagjtef').hover(function() {
$(this).fadeTo('slow', 1.0);
}, function() {
$(this).fadeTo('slow', 0.5);
});
});
</script>{/literal}

Para el efecto desvanecer al pasar el cursor en las imágenes escogidas:

Código: [Seleccionar]
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"/>
{literal}<script type='text/javascript'>
$(document).ready(function() {
$('.blImaggjtef').fadeTo('slow', 1.0);
$('.blImaggjtef').hover(function() {
$(this).fadeTo('slow', 0.5);
}, function() {
$(this).fadeTo('slow', 1.0);
});
});
</script>{/literal}

Escogen la que quieran y van a Temas/default/templates/sections/head.tpl
y buscan
Código: [Seleccionar]
<!--</hd>-->
justo debajo pegan el código que escogieron, pueden utilizar los dos códigos pero claro
para imágenes diferentes.

Luego a las imágenes deben agregarle el class

Código: [Seleccionar]
<img class="blImagjtef" src="URL DE LA IMAGEN"/>

<img class="blImaggjtef" src="URL DE LA IMAGEN"/>

El primero es para aparecer el otro efecto desvanecer, en el propio head.tpl encuentran las carátulas de estrenos, en el home.tpl las de abajo y en buscar.tpl igual.

Ejemplo en mi web, feliz navidad y espero les guste.
« última modificación: 28 de Diciembre de 2011, 06:01:01 am por kikopan »

  • *
  • Mensajes: 906
  • Actividad:
    0%
  • Karma: 34
  • Puntos de Comercio
    2 (100%)
  • ¿Necesitas ayuda? Enviame un Mp
  • Awards Placa exclusiva para clientes de MarcoRED.com ¡Gracias por todos tus aportes!
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #1 en: 25 de Diciembre de 2011, 10:59:38 pm »
Muy bueno lo implementare en el proximo skin que posteare  ;D +1
Roses are red and Violets are blue. Honey is sweet, but not as sweet as you.

  • *
  • Mensajes: 310
  • Actividad:
    0%
  • Karma: 121
  • Puntos de Comercio
    3 (100%)
  • Awards ¡Gracias por realizar una donación al foro!
    • Canavas
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #2 en: 25 de Diciembre de 2011, 11:03:33 pm »
es como un efecto over no? si es haci con CSS se puede y mas facil.
Firma editada por Moderadores, por favor no poner firmas tan grades.

  • *
  • Mensajes: 188
  • Actividad:
    0%
  • Karma: 39
  • Puntos de Comercio
    1 (100%)
  • Awards ¡Gracias por realizar una donación al foro!
    • TusPelis.Net
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #3 en: 26 de Diciembre de 2011, 12:02:23 am »
me gusto, pero creo que lo implementare alrevez

  • *
  • Mensajes: 1326
  • Actividad:
    0%
  • Karma: 84
  • Puntos de Comercio
    0 (0%)
  • Hola :P
  • Awards Placa exclusiva para clientes de MarcoRED.com
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #4 en: 26 de Diciembre de 2011, 05:05:25 am »
me gusto, pero creo que lo implementare alrevez

Si estaria bueno implementarlo al revez,, que esten desvanecidas y que al pasar mouse aparescan xD


  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Haz el bien y no mires a quién
  • Awards ¡Gracias por realizar una donación al foro!
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #5 en: 26 de Diciembre de 2011, 06:18:24 am »
es como un efecto over no? si es haci con CSS se puede y mas facil.
Ok, dime como para sacar el script

  • *
  • Mensajes: 1326
  • Actividad:
    0%
  • Karma: 84
  • Puntos de Comercio
    0 (0%)
  • Hola :P
  • Awards Placa exclusiva para clientes de MarcoRED.com
    • Awards


  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Haz el bien y no mires a quién
  • Awards ¡Gracias por realizar una donación al foro!
    • Awards

  • *
  • Mensajes: 2421
  • Actividad:
    0%
  • Karma: 228
  • Puntos de Comercio
    2 (100%)
  • Abajo de tu CAMA!!!
  • Awards Placa exclusiva para clientes de MarcoRED.com ¡Gracias por todos tus aportes! ¡Gracias por realizar una donación al foro!
    • Ciencia Geek
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #8 en: 26 de Diciembre de 2011, 11:55:10 am »
Gracias por lo sugerencia

  • *
  • Mensajes: 188
  • Actividad:
    0%
  • Karma: 39
  • Puntos de Comercio
    1 (100%)
  • Awards ¡Gracias por realizar una donación al foro!
    • TusPelis.Net
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #9 en: 27 de Diciembre de 2011, 04:52:23 pm »
listo, ya lo implemente alrevez: http://www.tuspelis.net/

  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Haz el bien y no mires a quién
  • Awards ¡Gracias por realizar una donación al foro!
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #10 en: 28 de Diciembre de 2011, 05:31:31 am »
listo, ya lo implemente alrevez: http://www.tuspelis.net/
ahí está ;), si quieres que los títulos de las películas no te descuadren las caratulas para abajo puedes editar en el home.tpl y buscar.tpl esto
Código: [Seleccionar]
{$m.p_titulo|escape}">{$m.p_titulo|escape|substr:0:15}</a></div>
donde 0:15 tienes otra cantidad

  • *
  • Mensajes: 80
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
    • Peliculas cubanas
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #11 en: 07 de Enero de 2012, 01:16:22 pm »
hola una duda es que esta parte no la entiendo y no se que hacer porque intruduje el codigo de arriva el primero y no note cambio

Citar
<img class="blImagjtef" src="URL DE LA IMAGEN"/>

<img class="blImaggjtef" src="URL DE LA IMAGEN"/>

www.solopost.es
Peliculas cubanas completas
http://peliculascubanas.org/

  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Haz el bien y no mires a quién
  • Awards ¡Gracias por realizar una donación al foro!
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #12 en: 07 de Enero de 2012, 02:33:24 pm »
hola una duda es que esta parte no la entiendo y no se que hacer porque intruduje el codigo de arriva el primero y no note cambio

www.solopost.es
en home.tpl busca
Código: [Seleccionar]
<img src="{$msConfig.datos.w_url}/files/uploads/{$m.p_id}.jpg"
y entre <img--aquí--src agrega esto class="blImagjtef"
resultado:
Código: [Seleccionar]
<img class="blImagjtef" src="{$msConfig.datos.w_url}/files/uploads/{$m.p_id}.jpg"
en buscar.tpl haces lo mismo "esto es para las caratulas de abajo"

Luego en head.tpl "esto para las de estreno arriba"
Código: [Seleccionar]
<img src="{$msConfig.datos.w_url}/files/uploads/{$e.p_id}.jpg" alt="{$e.p_titulo}"/>
haces lo mismo de arriba.

el blImagjtef y blImaggjtef crean diferentes efectos, vas probando...
« última modificación: 07 de Enero de 2012, 02:35:34 pm por kikopan »

  • *
  • Mensajes: 201
  • Actividad:
    0%
  • Karma: 62
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #13 en: 15 de Junio de 2014, 05:26:04 am »
no veo cambio   :-\ jajaja lo seguire intentando :3

  • *
  • Mensajes: 31
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    1 (100%)
    • Universo Game
    • Awards
Re:Efecto caratulas aparecer y desvanecer
« Respuesta #14 en: 18 de Junio de 2014, 05:18:22 am »
Muy bueno compañero.

 

Temas Similares

  Asunto / Iniciado por Respuestas Último mensaje
24 Respuestas
3929 Vistas
Último mensaje 07 de Enero de 2013, 01:59:45 pm
por Rafii Dj
24 Respuestas
3488 Vistas
Último mensaje 05 de Mayo de 2013, 07:55:39 pm
por pipelilye
5 Respuestas
262 Vistas
Último mensaje 02 de Septiembre de 2013, 11:55:23 am
por teury
5 Respuestas
265 Vistas
Último mensaje 15 de Septiembre de 2013, 07:51:51 pm
por jackemathe
3 Respuestas
2547 Vistas
Último mensaje 10 de Diciembre de 2014, 05:04:25 pm
por Robin