Como fazer pra colocar uma URL do Site neste Script?

[ToninhoSouza 0]

Ae pessoal, uma ajudinha a quem souber e puder colaborar, como fazer pra colocar uma URL do Site nas imagens que aparecem nesse Efeito de Script? tipo ao clicar na imagem, será direcionado ao Site.

<SCRIPT>if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/jquery.min.js">');document.write('</'+'script'+'>')}</SCRIPT>
<p style="text-align: left;margin:0;padding:0;"><a href="http://tonygifsjavas.com.br/"><img style="border:0;" src="http://www.tonygifsjavas.com.br/efeitos_para_blogs/banner_efeitos_surgindo_tgj.gif" alt="Pegue este efeito no Site Tony Gifs Javas" /></a></p>
<SCRIPT>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['bjscore1']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b1.png","width":"180","height":"150"};image_urls['bjscore2']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b2.png","width":"180","height":"150"};image_urls['bjscore3']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b3.png","width":"180","height":"150"};image_urls['bjscore4']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b4.png","width":"180","height":"150"};image_urls['bjscore5']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b5.png","width":"180","height":"150"};$pdj(document).ready(function(){var e=$pdj(window).width();var f=$pdj(window).height();var g=function(a,b){var c=(parseFloat(b)-parseFloat(a))+1;var d=Math.floor(Math.random()*c)+parseFloat(a);return d};for(var i=1;i<=5;i++){$pdj('<div></div>').css({position:'fixed',width:image_urls['bjscore'+i]['width']+'px',height:image_urls['bjscore'+i]['height']+'px','z-index':'50','display':'none'}).attr('id','bjscore'+i).appendTo('body');$pdj('<img/>').attr('src',image_urls['bjscore'+i]['url']).css({width:'100%',height:'100%','z-index':'50','display':'block'}).appendTo('#bjscore'+i)};var h=function(i){setTimeout(function(){$pdj('#bjscore'+i).css({left:g(150,e-150)+'px',top:g(150,f-150)+'px',width:(image_urls['bjscore'+i]['width']*(0.1))+'px',height:(image_urls['bjscore'+i]['height']*(0.1))+'px'});$pdj('#bjscore'+i).animate({width:image_urls['bjscore'+i]['width']+'px',height:image_urls['bjscore'+i]['height']+'px'},2000,function(){setTimeout(function(){$pdj('#bjscore'+i).fadeOut('slow',function(){h(i)})},200)});$pdj('#bjscore'+i).fadeIn('slow')},g(1000,6000))};for(var i=1;i<=5;i++){h(i)}});</SCRIPT>

[ExtremsX 58]

Organizando:

http://fiddle.jshell.net/mv8qjwzy/1/

 

O que ele faz? Como funciona?

[ToninhoSouza 0]

Este Script funciona como aparece nessa pagina de teste: http://www.tonygifsjavas.com.br/teste_codigo_script_beijo.htm e o que quero embutir no código uma URL de acesso ao Site quando aparecer a imagem na pagina, tipo clicar na imagem e ser direcionado ao Site.

[ExtremsX 58]

Se entendi bem, substitua a variavel url em image_urls['bjscore1'], image_urls['bjscore2'], etc pela sua url da imagem

 

E sobre o click, faça assim:

$pdj('#bjscore1, #bjscore2, #bjscore3, #bjscore4, #bjscore5').click(function() {
    window.open('http://google.com');
})

[ToninhoSouza 0]

Quanto em substituir a variável url em image_urls['bjscore1'], image_urls['bjscore2'], etc quero dizer que á minha mesmo e esta ativa, só preciso colocar uma URL do Site que ao clicar na imagem, vá para o Site, olha amigo, sou leigo no assunto e se puder me ajudar, só gostaria que me esclareça onde colocar este código abaixo:

$pdj('#bjscore1, #bjscore2, #bjscore3, #bjscore4, #bjscore5').click(function() {
    window.open('http://google.com');
})

[ExtremsX 58]

coloque sua URL onde tem a URL do do google

[Ted k' 126]

Não é melhor trocar esse monte de divs, por uma simples class?

[ToninhoSouza 0]

Caro ExtremsX, isso eu sei que devo colocar, eu perguntei unde colocar essa parte do código Script que citei dentro do outro código, exemplo:

<SCRIPT>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['bjscore1']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b1.png","width":"180","height":"150"};image_urls['bjscore2']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b2.png","width":"180","height":"150"};image_urls['bjscore3']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b3.png","width":"180","height":"150"};image_urls['bjscore4']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b4.png","width":"180","height":"150"};image_urls['bjscore5']={"url":"http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b5.png","width":"180","height":"150"};$pdj(document).ready(function(){var e=$pdj(window).width();var f=$pdj(window).height();var g=function(a,b){var c=(parseFloat(b)-parseFloat(a))+1;var d=Math.floor(Math.random()*c)+parseFloat(a);return d};for(var i=1;i<=5;i++){$pdj('<div></div>').css({position:'fixed',width:image_urls['bjscore'+i]['width']+'px',height:image_urls['bjscore'+i]['height']+'px','z-index':'50','display':'none'}).attr('id','bjscore'+i).appendTo('body');$pdj('<img/>').attr('src',image_urls['bjscore'+i]['url']).css({width:'100%',height:'100%','z-index':'50','display':'block'}).appendTo('#bjscore'+i)};var h=function(i){setTimeout(function(){$pdj('#bjscore'+i).css({left:g(150,e-150)+'px',top:g(150,f-150)+'px',width:(image_urls['bjscore'+i]['width']*(0.1))+'px',height:(image_urls['bjscore'+i]['height']*(0.1))+'px'});$pdj('#bjscore'+i).animate({width:image_urls['bjscore'+i]['width']+'px',height:image_urls['bjscore'+i]['height']+'px'},2000,function(){setTimeout(function(){$pdj('#bjscore'+i).fadeOut('slow',function(){h(i)})},200)});$pdj('#bjscore'+i).fadeIn('slow')},g(1000,6000))};for(var i=1;i<=5;i++){h(i)}});</SCRIPT>

Onde colocar esse código abaixo:

$pdj('#bjscore1, #bjscore2, #bjscore3, #bjscore4, #bjscore5').click(function() {
window.open('http://google.com');
})

 

Não é melhor trocar esse monte de divs, por uma simples class?

Sem dúvidas amigo, mas sou leigo no assunto, caso seja possível de sua parte, gostaria sim da alteração.

Não é melhor trocar esse monte de divs, por uma simples class?

Sem dúvidas amigo, mas sou leigo no assunto, caso seja possível de sua parte, gostaria sim da alteração.

[ExtremsX 58]

Arrume esse código ai, ou troque pelo código que está no meu primeiro post

[ToninhoSouza 0]

Caro ExtremsX, agradeço pelo que fez, mas infelizmente não estamos conectados no mesmo problema, ou eu não estou sabendo lhe explicar, ou vc não esta conseguindo passar o que eu preciso. Aguardarei outra pessoa que possa entender meu pedido e me ajudar. Acho que fui o mais claro possível. Na minha segunda postagem, com exemplo de uma pagina com a ação do Script, fui bem claro do que eu quero, apenas embutir no código que funciona perfeitamente, somente uma URL direcionada ao Site, que ao clicar na imagem, será direcionado ao Site, só isso.Obrigado!

[William Bruno 1501]

Coloquei um link para o google nas "bocas" que aparecem:

 

<SCRIPT>
    if (typeof $pdj == 'undefined') {
        document.write('<' + 'script');
        document.write(' language="javascript"');
        document.write(' type="text/javascript"');
        document.write(' src="http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/jquery.min.js">');
        document.write('</' + 'script' + '>')
    }
</SCRIPT>
<p style="text-align: left;margin:0;padding:0;">
    <a href="http://tonygifsjavas.com.br/"><img style="border:0;" src="http://www.tonygifsjavas.com.br/efeitos_para_blogs/banner_efeitos_surgindo_tgj.gif" alt="Pegue este efeito no Site Tony Gifs Javas" />
    </a>
</p>
<SCRIPT>
    if (typeof $pdj == 'undefined') {
        var $pdj = jQuery.noConflict()
    }
    if (!image_urls) {
        var image_urls = Array()
    }
    if (!flash_urls) {
        var flash_urls = Array()
    }
    image_urls['bjscore1'] = {
        "url": "http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b1.png",
        "width": "180",
        "height": "150"
    };
    image_urls['bjscore2'] = {
        "url": "http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b2.png",
        "width": "180",
        "height": "150"
    };
    image_urls['bjscore3'] = {
        "url": "http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b3.png",
        "width": "180",
        "height": "150"
    };
    image_urls['bjscore4'] = {
        "url": "http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b4.png",
        "width": "180",
        "height": "150"
    };
    image_urls['bjscore5'] = {
        "url": "http://www.tonygifsjavas.com.br/efeitos_para_blogs/efeito_beijos_surgindo/bjscore_b5.png",
        "width": "180",
        "height": "150"
    };
    $pdj(document).ready(function() {
        var e = $pdj(window).width();
        var f = $pdj(window).height();
        var g = function(a, b) {
            var c = (parseFloat(b) - parseFloat(a)) + 1;
            var d = Math.floor(Math.random() * c) + parseFloat(a);
            return d
        };
        for (var i = 1; i <= 5; i++) {
            $pdj('<div></div>').css({
                position: 'fixed',
                width: image_urls['bjscore' + i]['width'] + 'px',
                height: image_urls['bjscore' + i]['height'] + 'px',
                'z-index': '50',
                'display': 'none'
            }).attr('id', 'bjscore' + i).appendTo('body');


            var $a = $pdj('<a/>').attr({
                'href': 'http://google.com',
                'target': '_blank'
            });
            var $img = $pdj('<img/>').attr('src', image_urls['bjscore' + i]['url']).css({
                width: '100%',
                height: '100%',
                'z-index': '50',
                'display': 'block'
            });

            $img.appendTo($a);
            $a.appendTo('#bjscore' + i)
        };

        var h = function(i) {
            setTimeout(function() {
                $pdj('#bjscore' + i).css({
                    left: g(150, e - 150) + 'px',
                    top: g(150, f - 150) + 'px',
                    width: (image_urls['bjscore' + i]['width'] * (0.1)) + 'px',
                    height: (image_urls['bjscore' + i]['height'] * (0.1)) + 'px'
                });
                $pdj('#bjscore' + i).animate({
                    width: image_urls['bjscore' + i]['width'] + 'px',
                    height: image_urls['bjscore' + i]['height'] + 'px'
                }, 2000, function() {
                    setTimeout(function() {
                        $pdj('#bjscore' + i).fadeOut('slow', function() {
                            h(i)
                        })
                    }, 200)
                });
                $pdj('#bjscore' + i).fadeIn('slow')
            }, g(1000, 6000))
        };
        for (var i = 1; i <= 5; i++) {
            h(i)
        }
    });
</SCRIPT>

[ToninhoSouza 0]

Perfeito caro William Bruno, você matou na primeira. Veja aqui como ficou Fico muito grato pela gentileza, tenho outros tópicos solicitando ajuda, se puder dar uma forcinha, caso seja de seu alcance, ficarei muito grato. Lembrando que este Site Tony Gifs Javas meu desde sua criação em 2002 e pretendo colocar um banner ou algo que meus visitantes possam visitar e se inscreverem neste fórum. Obrigado de coração pela ajuda.