Pré-visualizar nos tópicos

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Pré-visualizar nos tópicos

Mensagem por Vados 15.12.15 1:47

Detalhes da questão


Endereço do fórum: http: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição


Gostaria de saber como colocar a minha seção:
- http: http://webgrafic.forumeiro.com/f18-recursos-graficos

Como esta:
Pré-visualizar nos tópicos 16kqtfd

Ou seja queria colocar à frente de cada tópico uma pré-visualização como na print, efeito: http: http://artelib.forumeiros.com/f27-pacotes-de-botoes
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Fraise 15.12.15 1:58

Boa noite.

Troque o código por este:
Código:
jQuery(function() {
    if (location.pathname = "/f18-recursos-graficos") {
        var sCSS = '<style>' + '.bim_mainThumb {' + 'opacity: 1;' + 'visibility: visible;' + 'max-width: none;' + 'max-height: none;' + 'width: 100%;' + 'height: 100%;' + 'display: block;' + 'image-rendering: auto' + '}' + '.bim_thumbPreview {' + 'float: right;' + 'position: relative;' + 'left: -20px;' + 'margin-right: 20px;' + 'z-index: 0;' + 'overflow: hidden;' + '}' + '.bim_img_container {' + 'height: 64px;' + 'width: 128px;' + '}' + '.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: 2500;' + '}' + '.bim_thumbPreview:hover span {' + 'z-index: 2500;' + 'visibility: visible;' + 'position: fixed;' + 'top: 25%;' + 'left: 45%;' + 'padding: 25px;' + 'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;' + 'background-color: #090909' + '}' + '.bim_thumbPreview span img {' + 'border: none;' + 'max-width: 300px;' + '}' + '</style>';
        document.head.insertAdjacentHTML('beforeEnd', sCSS);
        var sHtml = '<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">' + '</div>' + '</div>' + '</div>' + '<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>' + '</a>';
        var oTarget = 0,
            sFound = 'td:eq(2)',
            sInsert = '',
            sCommon = 'a.topictitle',
            sOverflow = 'auto',
            sGetIMG = '';
        var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
        var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
        var punbb = jQuery('.statused tr:not(":empty")');
        var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
        if (phpBB2.length) {
            oTarget = phpBB2;
            sInsert = 'div.topictitle';
            sGetIMG = '.postbody:first div:eq(0) img'
        } else if (phpBB3.length) {
            oTarget = phpBB3;
            sFound = 'dd.dterm';
            sInsert = 'div.topic-title-container';
            sOverflow = 'inherit';
            sGetIMG = '.postbody:first .content img'
        } else if (punbb.length) {
            oTarget = punbb;
            sFound = '.tcl.tdtopics';
            sInsert = 'span.status';
            sGetIMG = '.entry-content:first img'
        } else if (invision.length) {
            oTarget = invision;
            sInsert = sCommon;
            sGetIMG = '.post-entry:first img'
        };
        oTarget.each(function(index) {
                var oFound = jQuery(this).find(sFound);
                if (oFound.length) {
                    var oInsert = oFound.find(sInsert);
                    var sUrl = oFound.find(sCommon).attr('href');
                    var ID = 'Udyat_' + index;
                    oFound.attr('id', ID);
                    oFound.css('overflow', sOverflow);
                    jQuery(sHtml).insertAfter(oInsert);
                    var elem = document.getElementById(ID);
                    if (isInViewPort(elem)) {
                        jQuery.get(sUrl, function(data) {
                            var oImg = jQuery(sGetIMG, data);
                            var sImg = '';
                            if (oImg !== undefined) {
                                sImg = oImg.attr('src');
                                if (sImg !== undefined) {
                                    oFound.find('.bim_img_container img').attr('src', sImg);
                                    oFound.find('.previewIMG img').attr('src', sImg)
                                } else {
                                    oFound.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                                }
                            }
                        })
                    } else {
                        jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG))
                    }
                }
            }
        })
});

function isInViewPort(elem) {
    var rect = elem.getBoundingClientRect();
    return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth))
}

function showImage(event, elem, oBject, sString) {
    return function() {
        if (isInViewPort(elem)) {
            jQuery(window).off('scroll.' + event);
            jQuery.get(event, function(data) {
                var oImg = jQuery(sString, data);
                var sImg = '';
                if (oImg !== undefined) {
                    sImg = oImg.attr('src');
                    if (sImg !== undefined) {
                        oBject.find('.bim_img_container img').attr('src', sImg);
                        oBject.find('.previewIMG img').attr('src', sImg)
                    } else {
                        oBject.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                    }
                }
            })
        }
    }
}

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 15.12.15 2:10

Sem efeito nenhum.
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Fraise 15.12.15 2:15

Ora bolas. E assim?
Código:
jQuery(function() {
    if (window.location.href = "/f18-recursos-graficos") {
        var sCSS = '<style>' + '.bim_mainThumb {' + 'opacity: 1;' + 'visibility: visible;' + 'max-width: none;' + 'max-height: none;' + 'width: 100%;' + 'height: 100%;' + 'display: block;' + 'image-rendering: auto' + '}' + '.bim_thumbPreview {' + 'float: right;' + 'position: relative;' + 'left: -20px;' + 'margin-right: 20px;' + 'z-index: 0;' + 'overflow: hidden;' + '}' + '.bim_img_container {' + 'height: 64px;' + 'width: 128px;' + '}' + '.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: 2500;' + '}' + '.bim_thumbPreview:hover span {' + 'z-index: 2500;' + 'visibility: visible;' + 'position: fixed;' + 'top: 25%;' + 'left: 45%;' + 'padding: 25px;' + 'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;' + 'background-color: #090909' + '}' + '.bim_thumbPreview span img {' + 'border: none;' + 'max-width: 300px;' + '}' + '</style>';
        document.head.insertAdjacentHTML('beforeEnd', sCSS);
        var sHtml = '<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">' + '</div>' + '</div>' + '</div>' + '<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>' + '</a>';
        var oTarget = 0,
            sFound = 'td:eq(2)',
            sInsert = '',
            sCommon = 'a.topictitle',
            sOverflow = 'auto',
            sGetIMG = '';
        var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
        var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
        var punbb = jQuery('.statused tr:not(":empty")');
        var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
        if (phpBB2.length) {
            oTarget = phpBB2;
            sInsert = 'div.topictitle';
            sGetIMG = '.postbody:first div:eq(0) img'
        } else if (phpBB3.length) {
            oTarget = phpBB3;
            sFound = 'dd.dterm';
            sInsert = 'div.topic-title-container';
            sOverflow = 'inherit';
            sGetIMG = '.postbody:first .content img'
        } else if (punbb.length) {
            oTarget = punbb;
            sFound = '.tcl.tdtopics';
            sInsert = 'span.status';
            sGetIMG = '.entry-content:first img'
        } else if (invision.length) {
            oTarget = invision;
            sInsert = sCommon;
            sGetIMG = '.post-entry:first img'
        };
        oTarget.each(function(index) {
                var oFound = jQuery(this).find(sFound);
                if (oFound.length) {
                    var oInsert = oFound.find(sInsert);
                    var sUrl = oFound.find(sCommon).attr('href');
                    var ID = 'Udyat_' + index;
                    oFound.attr('id', ID);
                    oFound.css('overflow', sOverflow);
                    jQuery(sHtml).insertAfter(oInsert);
                    var elem = document.getElementById(ID);
                    if (isInViewPort(elem)) {
                        jQuery.get(sUrl, function(data) {
                            var oImg = jQuery(sGetIMG, data);
                            var sImg = '';
                            if (oImg !== undefined) {
                                sImg = oImg.attr('src');
                                if (sImg !== undefined) {
                                    oFound.find('.bim_img_container img').attr('src', sImg);
                                    oFound.find('.previewIMG img').attr('src', sImg)
                                } else {
                                    oFound.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                                }
                            }
                        })
                    } else {
                        jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG))
                    }
                }
            }
        })
});

function isInViewPort(elem) {
    var rect = elem.getBoundingClientRect();
    return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth))
}

function showImage(event, elem, oBject, sString) {
    return function() {
        if (isInViewPort(elem)) {
            jQuery(window).off('scroll.' + event);
            jQuery.get(event, function(data) {
                var oImg = jQuery(sString, data);
                var sImg = '';
                if (oImg !== undefined) {
                    sImg = oImg.attr('src');
                    if (sImg !== undefined) {
                        oBject.find('.bim_img_container img').attr('src', sImg);
                        oBject.find('.previewIMG img').attr('src', sImg)
                    } else {
                        oBject.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                    }
                }
            })
        }
    }
}

Caso não funcione:
Código:
jQuery(function() {
    if (window.location = "/f18-recursos-graficos") {
        var sCSS = '<style>' + '.bim_mainThumb {' + 'opacity: 1;' + 'visibility: visible;' + 'max-width: none;' + 'max-height: none;' + 'width: 100%;' + 'height: 100%;' + 'display: block;' + 'image-rendering: auto' + '}' + '.bim_thumbPreview {' + 'float: right;' + 'position: relative;' + 'left: -20px;' + 'margin-right: 20px;' + 'z-index: 0;' + 'overflow: hidden;' + '}' + '.bim_img_container {' + 'height: 64px;' + 'width: 128px;' + '}' + '.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: 2500;' + '}' + '.bim_thumbPreview:hover span {' + 'z-index: 2500;' + 'visibility: visible;' + 'position: fixed;' + 'top: 25%;' + 'left: 45%;' + 'padding: 25px;' + 'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;' + 'background-color: #090909' + '}' + '.bim_thumbPreview span img {' + 'border: none;' + 'max-width: 300px;' + '}' + '</style>';
        document.head.insertAdjacentHTML('beforeEnd', sCSS);
        var sHtml = '<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">' + '</div>' + '</div>' + '</div>' + '<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>' + '</a>';
        var oTarget = 0,
            sFound = 'td:eq(2)',
            sInsert = '',
            sCommon = 'a.topictitle',
            sOverflow = 'auto',
            sGetIMG = '';
        var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
        var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
        var punbb = jQuery('.statused tr:not(":empty")');
        var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
        if (phpBB2.length) {
            oTarget = phpBB2;
            sInsert = 'div.topictitle';
            sGetIMG = '.postbody:first div:eq(0) img'
        } else if (phpBB3.length) {
            oTarget = phpBB3;
            sFound = 'dd.dterm';
            sInsert = 'div.topic-title-container';
            sOverflow = 'inherit';
            sGetIMG = '.postbody:first .content img'
        } else if (punbb.length) {
            oTarget = punbb;
            sFound = '.tcl.tdtopics';
            sInsert = 'span.status';
            sGetIMG = '.entry-content:first img'
        } else if (invision.length) {
            oTarget = invision;
            sInsert = sCommon;
            sGetIMG = '.post-entry:first img'
        };
        oTarget.each(function(index) {
                var oFound = jQuery(this).find(sFound);
                if (oFound.length) {
                    var oInsert = oFound.find(sInsert);
                    var sUrl = oFound.find(sCommon).attr('href');
                    var ID = 'Udyat_' + index;
                    oFound.attr('id', ID);
                    oFound.css('overflow', sOverflow);
                    jQuery(sHtml).insertAfter(oInsert);
                    var elem = document.getElementById(ID);
                    if (isInViewPort(elem)) {
                        jQuery.get(sUrl, function(data) {
                            var oImg = jQuery(sGetIMG, data);
                            var sImg = '';
                            if (oImg !== undefined) {
                                sImg = oImg.attr('src');
                                if (sImg !== undefined) {
                                    oFound.find('.bim_img_container img').attr('src', sImg);
                                    oFound.find('.previewIMG img').attr('src', sImg)
                                } else {
                                    oFound.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                                }
                            }
                        })
                    } else {
                        jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG))
                    }
                }
            }
        })
});

function isInViewPort(elem) {
    var rect = elem.getBoundingClientRect();
    return (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth))
}

function showImage(event, elem, oBject, sString) {
    return function() {
        if (isInViewPort(elem)) {
            jQuery(window).off('scroll.' + event);
            jQuery.get(event, function(data) {
                var oImg = jQuery(sString, data);
                var sImg = '';
                if (oImg !== undefined) {
                    sImg = oImg.attr('src');
                    if (sImg !== undefined) {
                        oBject.find('.bim_img_container img').attr('src', sImg);
                        oBject.find('.previewIMG img').attr('src', sImg)
                    } else {
                        oBject.find('.bim_img_container img').attr('src', 'http://s5.postimg.org/tlg9puyjn/no_prev.png')
                    }
                }
            })
        }
    }
}

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 15.12.15 2:17

Ambos os códigos não funcionaram :s
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Shek 15.12.15 4:21

Olá!

Verifique se o Gerenciamento de Javascript está ativo em seu ACP >> Módulos >> HTML e Javascript >> Gestão das páginas JS >> Habilitar o gerenciamento de Javascript >> e marque em sim.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 15.12.15 5:17

Já está ativado isso porque já utilizo outros scripts.
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por MateusAnjosV 15.12.15 23:52

Olá!

Troque os códigos fornecidos neste tópico, por esse:
Código:
if (window.location.href = "/f18-") {jQuery(function(){var sCSS='<style>'+'.bim_mainThumb {'+'opacity: 1;'+'visibility: visible;'+'max-width: none;'+'max-height: none;'+'width: 100%;'+'height: 100%;'+'display: block;'+'image-rendering: auto'+'}'+'.bim_thumbPreview {'+'float: right;'+'position: relative;'+'left: -20px;'+'margin-right: 20px;'+'z-index: 0;'+'overflow: hidden;'+'}'+'.bim_img_container {'+'height: 64px;'+'width: 128px;'+'}'+'.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: 2500;'+'}'+'.bim_thumbPreview:hover span {'+'z-index: 2500;'+'visibility: visible;'+'position: fixed;'+'top: 25%;'+'left: 45%;'+'padding: 25px;'+'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;'+'background-color: #090909'+'}'+'.bim_thumbPreview span img {'+'border: none;'+'max-width: 300px;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);var sHtml='<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">'+'</div>'+'</div>'+'</div>'+'<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>'+'</a>';var oTarget=0,sFound='td:eq(2)',sInsert='',sCommon='a.topictitle',sOverflow='auto',sGetIMG='';var phpBB2=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');var phpBB3=jQuery('.topiclist.topics.bg_none li:not(":empty")');var punbb=jQuery('.statused tr:not(":empty")');var invision=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if(phpBB2.length){oTarget=phpBB2;sInsert='div.topictitle';sGetIMG='.postbody:first div:eq(0) img'}else if(phpBB3.length){oTarget=phpBB3;sFound='dd.dterm';sInsert='div.topic-title-container';sOverflow='inherit';sGetIMG='.postbody:first .content img'}else if(punbb.length){oTarget=punbb;sFound='.tcl.tdtopics';sInsert='span.status';sGetIMG='.entry-content:first img'}else if(invision.length){oTarget=invision;sInsert=sCommon;sGetIMG='.post-entry:first img'};oTarget.each(function(index){var oFound=jQuery(this).find(sFound);if(oFound.length){var oInsert=oFound.find(sInsert);var sUrl=oFound.find(sCommon).attr('href');var ID='Udyat_'+index;oFound.attr('id',ID);oFound.css('overflow',sOverflow);jQuery(sHtml).insertAfter(oInsert);var elem=document.getElementById(ID);if(isInViewPort(elem)){jQuery.get(sUrl,function(data){var oImg=jQuery(sGetIMG,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oFound.find('.bim_img_container img').attr('src',sImg);oFound.find('.previewIMG img').attr('src',sImg)}else{oFound.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}else{jQuery(window).on('scroll.'+sUrl,showImage(sUrl,elem,oFound,sGetIMG))}}})});function isInViewPort(elem){var rect=elem.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth))}function showImage(event,elem,oBject,sString){return function(){if(isInViewPort(elem)){jQuery(window).off('scroll.'+event);jQuery.get(event,function(data){var oImg=jQuery(sString,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oBject.find('.bim_img_container img').attr('src',sImg);oBject.find('.previewIMG img').attr('src',sImg)}else{oBject.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}}} }

Atenciosamente,
MateusAnjos.
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 16.12.15 0:02

Tem algum problema, o efeito também não aparece, mas se clicar neste tópico:
http: http://webgrafic.forumeiro.com/f18-recursos-graficos

Veja o que acontece e acontece a todos os tópicos.
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por MateusAnjosV 16.12.15 0:05

O investimento deve ser marcado nos sub-fóruns e a propósito, o código é perfeitamente funciona, desative um a um dos seus scripts e veja qual está em conflito. Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 16.12.15 0:07

Tem algum problema amigo, veja:
- http: http://webgrafic.forumeiro.com/

Se clicar em alguma seção vai ver que ele está sempre a atualizar e aparecer o código.
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por MateusAnjosV 16.12.15 0:10

Entendo... troque por esse:
Código:
var a = "/f18-recursos-graficos";
if (x === a) {
  jQuery(function(){var sCSS='<style>'+'.bim_mainThumb {'+'opacity: 1;'+'visibility: visible;'+'max-width: none;'+'max-height: none;'+'width: 100%;'+'height: 100%;'+'display: block;'+'image-rendering: auto'+'}'+'.bim_thumbPreview {'+'float: right;'+'position: relative;'+'left: -20px;'+'margin-right: 20px;'+'z-index: 0;'+'overflow: hidden;'+'}'+'.bim_img_container {'+'height: 64px;'+'width: 128px;'+'}'+'.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: 2500;'+'}'+'.bim_thumbPreview:hover span {'+'z-index: 2500;'+'visibility: visible;'+'position: fixed;'+'top: 25%;'+'left: 45%;'+'padding: 25px;'+'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;'+'background-color: #090909'+'}'+'.bim_thumbPreview span img {'+'border: none;'+'max-width: 300px;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS); var sHtml='<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">'+'</div>'+'</div>'+'</div>'+'<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>'+'</a>'; var oTarget=0,sFound='td:eq(2)',sInsert='',sCommon='a.topictitle',sOverflow='auto',sGetIMG='';var phpBB2=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")'); var phpBB3=jQuery('.topiclist.topics.bg_none li:not(":empty")');var punbb=jQuery('.statused tr:not(":empty")');var invision=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if (phpBB2.length){oTarget=phpBB2;sInsert='div.topictitle';sGetIMG='.postbody:first div:eq(0) img';}else if(phpBB3.length){oTarget=phpBB3;sFound='dd.dterm';sInsert='div.topic-title-container';sOverflow='inherit';sGetIMG='.postbody:first .content img';}else if(punbb.length){oTarget=punbb;sFound='.info';sInsert='.topic-title';sGetIMG='.entry-content:first img';}else if(invision.length){oTarget=invision;sInsert=sCommon;sGetIMG='.post-entry:first img';}oTarget.each(function(index){var oFound=jQuery(this).find(sFound);if(oFound.length){var oInsert=oFound.find(sInsert);var sUrl=oFound.find(sCommon).attr('href');var ID='Udyat_'+index;oFound.attr('id',ID);oFound.css('overflow',sOverflow);jQuery(sHtml).insertAfter(oInsert);var elem=document.getElementById(ID);if(isInViewPort(elem)){jQuery.get(sUrl,function(data){var oImg=jQuery(sGetIMG,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oFound.find('.bim_img_container img').attr('src',sImg);oFound.find('.previewIMG img').attr('src',sImg);}else{oFound.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png');}}});}else{jQuery(window).on('scroll.'+sUrl,showImage(sUrl,elem,oFound,sGetIMG));}}});});function isInViewPort(elem){var rect=elem.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth));}function showImage(event,elem,oBject,sString){return function(){if(isInViewPort(elem)){jQuery(window).off('scroll.'+event);jQuery.get(event,function(data){var oImg=jQuery(sString,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oBject.find('.bim_img_container img').attr('src',sImg);oBject.find('.previewIMG img').attr('src',sImg);}else{oBject.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png');}}});}}}
}else {
  console.log('Não foi possível carregar a pré-visualização');
}
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 16.12.15 0:54

Sem efeito :/
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por MateusAnjosV 16.12.15 1:03

Já sei onde errei. Muito feliz

Teste agora:
Código:
var a = "/f18-recursos-graficos"; var x = window.location.pathname;
if (x == a) {jQuery(function(){var sCSS='<style>'+'.bim_mainThumb {'+'opacity: 1;'+'visibility: visible;'+'max-width: none;'+'max-height: none;'+'width: 100%;'+'height: 100%;'+'display: block;'+'image-rendering: auto'+'}'+'.bim_thumbPreview {'+'float: right;'+'position: relative;'+'left: -20px;'+'margin-right: 20px;'+'z-index: 0;'+'overflow: hidden;'+'}'+'.bim_img_container {'+'height: 64px;'+'width: 128px;'+'}'+'.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: 2500;'+'}'+'.bim_thumbPreview:hover span {'+'z-index: 2500;'+'visibility: visible;'+'position: fixed;'+'top: 25%;'+'left: 45%;'+'padding: 25px;'+'box-shadow: inset 0 3px 5px 5px #111, 0 3px 5px 1px #010101;'+'background-color: #090909'+'}'+'.bim_thumbPreview span img {'+'border: none;'+'max-width: 300px;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);var sHtml='<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://2img.net/i/fa/empty.gif" class="bim_mainThumb">'+'</div>'+'</div>'+'</div>'+'<span class="previewIMG"><img src="http://s5.postimg.org/tlg9puyjn/no_prev.png"></span>'+'</a>';var oTarget=0,sFound='td:eq(2)',sInsert='',sCommon='a.topictitle',sOverflow='auto',sGetIMG='';var phpBB2=jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');var phpBB3=jQuery('.topiclist.topics.bg_none li:not(":empty")');var punbb=jQuery('.statused tr:not(":empty")');var invision=jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');if(phpBB2.length){oTarget=phpBB2;sInsert='div.topictitle';sGetIMG='.postbody:first div:eq(0) img'}else if(phpBB3.length){oTarget=phpBB3;sFound='dd.dterm';sInsert='div.topic-title-container';sOverflow='inherit';sGetIMG='.postbody:first .content img'}else if(punbb.length){oTarget=punbb;sFound='.tcl.tdtopics';sInsert='span.status';sGetIMG='.entry-content:first img'}else if(invision.length){oTarget=invision;sInsert=sCommon;sGetIMG='.post-entry:first img'};oTarget.each(function(index){var oFound=jQuery(this).find(sFound);if(oFound.length){var oInsert=oFound.find(sInsert);var sUrl=oFound.find(sCommon).attr('href');var ID='Udyat_'+index;oFound.attr('id',ID);oFound.css('overflow',sOverflow);jQuery(sHtml).insertAfter(oInsert);var elem=document.getElementById(ID);if(isInViewPort(elem)){jQuery.get(sUrl,function(data){var oImg=jQuery(sGetIMG,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oFound.find('.bim_img_container img').attr('src',sImg);oFound.find('.previewIMG img').attr('src',sImg)}else{oFound.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}else{jQuery(window).on('scroll.'+sUrl,showImage(sUrl,elem,oFound,sGetIMG))}}})});function isInViewPort(elem){var rect=elem.getBoundingClientRect();return(rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth))}function showImage(event,elem,oBject,sString){return function(){if(isInViewPort(elem)){jQuery(window).off('scroll.'+event);jQuery.get(event,function(data){var oImg=jQuery(sString,data);var sImg='';if(oImg!==undefined){sImg=oImg.attr('src');if(sImg!==undefined){oBject.find('.bim_img_container img').attr('src',sImg);oBject.find('.previewIMG img').attr('src',sImg)}else{oBject.find('.bim_img_container img').attr('src','http://s5.postimg.org/tlg9puyjn/no_prev.png')}}})}}}
}else {
  console.log('Não foi possível carregar a pré-visualização');
}
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por Vados 16.12.15 1:09

Agora sim ficou perfeito obrigado Muito feliz
Vados

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pré-visualizar nos tópicos

Mensagem por MateusAnjosV 16.12.15 1:10

Pré-visualizar nos tópicos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos