R
RemPro
Betas!, necesito ayuda, estoy necesitando hacer un efecto como el "ver mas" del inicio de Facebook, es para que muestre distintos avisos clasificados. ¿Alguna ayuda?, ¿cómo se llama?
Cómo crear efecto de 'ver más' para avisos clasificados en mi sitio web
¿Te sirvió? Únete a la conversación
Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.
Toma 30 segundos · vuelves a este tema al terminar
Jesussskc
Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
en que hiciste tu web? php ? blogger? etc ... da más datos
R
RemPro
Ups! perdón XD, fue el apuro jaja. En PHP, estoy trabajando con Dreamweaver. Sería para ir desplegando anuncios, los cuales tendrán un Link a su anuncio completo 🙂
Jesussskc
Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
mhhh quieres un "ver mas" tipo facebook que por ejemplo el texto es muy largo y te muestra ese link de "ver mas" y aparece el resto del texto .. o quieres un boton o algo similar que al hacer clic se muestren mas anuncios o articulos sin cargar ? yo se un codigo en JSON .. pero a cual de las 2 te refieres
R
RemPro
al "ver mas" tipo Facebook XD
Jesussskc
Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Algo similar seria de esta manera(no es con json ya que solo quieres el ver más y eso es simple con jquery):
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
Última edición:
Temas similares
