Staff en línea

Página 1 de 3. 1, 2, 3  Siguiente

[Javascript] Sistema de miniaturas en los subforos
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Jue Feb 01, 2018 8:38 am, editado 4 veces
[codebox]Añade miniaturas como los que usamos aquí ;) Funciona en todas las versiones

[/codebox]

[hidecode]
Código:
jQuery(function(){var b="<style>.bim_mainThumb {opacity: 1;visibility: visible;max-width: none;max-height: none;width: 100%;height: auto;display: block;image-rendering: auto}.bim_thumbPreview {float: right;position: relative;z-index: 0;}.bim_img_container {height: 70px;width: 70px;}.bim_thumbPreview span {box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);margin-left: 84px;margin-top: -68px;position: absolute;visibility: hidden;z-index: 100;}.bim_thumbPreview:hover span {visibility: visible;}.bim_thumbPreview span img {border: 3px solid #000000;max-width: 300px;}</style>";document.head.insertAdjacentHTML("beforeEnd",b);var l='<a class="bim_thumbPreview"><div style="padding: 1px; border: 1px solid #d5d5d5;"><div class="thumbIMG"><div class="bim_img_container" style="overflow: hidden; background-image: none;"><img src="http://illiweb.com/fa/empty.gif" class="bim_mainThumb"></div></div></div><span class="previewIMG"><img src="http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg"></span></a>';var e=0,a="td:eq(2)",j="",d="a.topictitle",k="auto",c="";var h=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');var f=jQuery('.topiclist.topics.bg_none li:not(":empty")');var g=jQuery('.statused tr:not(":empty")');var i=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if(h.length){e=h;j="div.topictitle";c="#page-body .post:first .postbody img:first"}else{if(f.length){e=f;a="dd.dterm";j="div.topic-title-container";k="inherit";c="#main-content .post:first .content img:first"}else{if(g.length){e=g;a=".tcl.tdtopics";j="span.status";c=".main-content.topic .entry-content:first img:first"}else{if(i.length){e=i;j=d;c=".borderwrap .post-entry:first img:first"}}}}e.each(function(o){var n=jQuery(this).find(a);if(n.length){var r=n.find(j);var q=n.find(d).attr("href");var m="Udyat_"+o;n.attr("id",m);n.css("overflow",k);jQuery(l).insertAfter(r);var p=document.getElementById(m);if(isInViewPort(p)){jQuery.get(q,function(u){var t=jQuery(c,u);var s="";if(t!==undefined){s=t.attr("src");if(s!==undefined){n.find(".bim_img_container img").attr("src",s);n.find(".previewIMG img").attr("src",s)}else{n.find(".bim_img_container img").attr("src","http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg")}}})}else{jQuery(window).on("scroll."+q,showImage(q,p,n,c))}}})});function isInViewPort(b){var a=b.getBoundingClientRect();return(a.top>=0&&a.left>=0&&a.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&a.right<=(window.innerWidth||document.documentElement.clientWidth))}function showImage(b,a,d,c){return function(){if(isInViewPort(a)){jQuery(window).off("scroll."+b);jQuery.get(b,function(g){var f=jQuery(c,g);var e="";if(f!==undefined){e=f.attr("src");if(e!==undefined){d.find(".bim_img_container img").attr("src",e);d.find(".previewIMG img").attr("src",e)}else{d.find(".bim_img_container img").attr("src","http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg")}}})}}};
[/hidecode][likepost][time="1/02/18 - 8:38 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/gallery/origin10.png" user_id="https://www.opensourcephpbb3.com/u271"][userlike="https://www.opensourcephpbb3.com/u271"] orfeodlira[/userlike][/likepost]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Se agradece por compartir un gran codigo!
Julinho
avatar

¿Que estoy pensando? :

buen sabado :) [table class=fecha_up][td]Se modifico:2/06/18 - 22:12 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/hkeup0N.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

131


Puntos :

179


Me gusta :

30


ingreso :

05/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://4reyes.foroactivo.com/

Volver arriba Ir abajo

falta un ejemplo de como lo coloco en la topics_list_box en un template por defecto ya yo despues me encargo de colocarlo xd
Julinho
avatar

¿Que estoy pensando? :

buen sabado :) [table class=fecha_up][td]Se modifico:2/06/18 - 22:12 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/hkeup0N.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

131


Puntos :

179


Me gusta :

30


ingreso :

05/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://4reyes.foroactivo.com/

Volver arriba Ir abajo

staff
@Julinho escribió:[quotelink="/t244-javascriptnuevo-sistema-de-miniaturas-en-los-subforos#1019"]
falta un ejemplo de como lo coloco en la topics_list_box en un template por defecto ya yo despues me encargo de colocarlo xd

va en JS -> Nuevo ->, Subforos -> Registrar ;)

Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

a ver que es esto, gracias
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

como se hace para que las miniaturas aparezcan al lado del icono de cada tema en la parte izquierda?
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

otra pregunta que queria hacerte chalo, se puede poner este sistema en los subforos que queramos de foro? o es general para todo el foro?
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

staff
@arsenico escribió:[quotelink="/t244-javascriptnuevo-sistema-de-miniaturas-en-los-subforos#1599"]
otra pregunta que queria hacerte chalo, se puede poner este sistema en los subforos que queramos de foro? o es general para todo el foro?

@arsenico, seria cosa de modificar el codigo si quiere abre un tema en soporte y lo hacemos
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

ok, muchas gracias amigo, voy abrir un tema en soporte, no te puedes ni imaginar el tiempo que llevaba en busca de este codigo y que gracias a ti lo he encontrado!!.
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.