Foros del Web » Programando para Internet » Jquery »

Problema con clases javascript

Estas en el tema de Problema con clases javascript en el foro de Jquery en Foros del Web. miren tengo esto es una pagina de comentarios asi como aqui en foros del web parecido. es como cuando votan aqui. la diferencia es que ...
  #1 (permalink)  
Antiguo 08/08/2013, 21:51
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 12 años, 4 meses
Puntos: 52
Problema con clases javascript

miren tengo esto
es una pagina de comentarios asi como aqui en foros del web parecido.
es como cuando votan aqui. la diferencia es que es un poco mas complejo en el sentido de que podria haber 4 votones de botacion o mas, en este caso 4 links o mas que abren fotos(contenido multimedia) veamos
Código Javascript:
Ver original
  1. $(".muestra").click(function(){
  2.  
  3.               if($(this).html()=="Cerrar contenido multimedia"){
  4.    
  5.             $(this).html("Abrir contenido multimedia");
  6.    
  7.              
  8.          $( ".ocultafoto" ).animate({
  9.             class:"mostrarfoto",                       
  10.             opacity: 0.25,
  11.             left: "+=50",
  12.             height: "toggle"
  13.           }, 1000, function() {
  14.  
  15.         })
  16.  
  17.  }else{
  18.  
  19.          $( ".mostrarfoto" ).animate({
  20.             class:"ocultafoto",                    
  21.             opacity: 0.25,
  22.             left: "+=50",
  23.             height: "toggle"
  24.           }, 1000, function() {
  25.  
  26.         })
  27.  
  28.            $(this).html("Cerrar contenido multimedia");
  29.  
  30.  
  31.          }         
  32.   });


Código PHP:
Ver original
  1. $imagen=str_replace("[imagen]","<div class=ocultafoto><img src='",$imagen);
  2.                 $imagen=str_replace("[-imagen]","' width=200 height=200 /></div><br><a class=muestra href=#a
  3.                 text-aling=center>Abrir contenido multimedia</a><br>",$imagen);


el resultado es este en html
Código resutado html codigo php:
Ver original
  1. <div class="ocultafoto" style="opacity: 0.25; left: 50px; display: none;"><img src="http://www.celebritymeasurement.com/wp-content/uploads/2013/04/Hilary-Duff-hot.jpg" width="200" height="200"></div>
  2.  
  3. <a class="muestra" href="#a" text-aling="center">Abrir contenido multimedia</a>

el caso es que nose como enviarle por parametros la classe del div ocultafoto
lo unico que logro es cambiar el texto del link al cual hago click y hacer que se oculten o muestren todas las div con imagenes que tienen la clase a la cual le aplico el atributo.

como enviaria por parametros la foto que corresponde al link al que se hace click?
cabe destacar que puede haber muchas class oculta foto en el mismo comentario. osea puede haber muchas imagenes.
de antemano gracias
__________________
a veces creemos que es algo básico pero al profundizar nos damos cuenta que estábamos tocando solo la cola de la culebra

Última edición por minombreesmm; 08/08/2013 a las 21:56

Etiquetas: clases, html, javascript
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 12:28.