2011-06-29 18 views
0

私はこのjavascriptを私のウェブサイトに持っていて、そのイメージはクリックでイメージを読み込むのに最適ですが、FirefoxやIEではフォークしません!jquery .load imgはFirefoxとIEで動作しません!

<script type="text/javascript"> 
       $(document).ready(function(){ 
        $("#photo1").click(function(){ 
        var img = new Image(); 
        $(img).load(function() { 
         $('#big-image').hide(); 
         $('#big-image').attr('src', '{/literal}{$purl}/t/{$p.p1}?{$smarty.now}{literal}'); 
         $('#big-image').fadeIn(); 
        }).error(function() { 
        }).attr('src', '{/literal}{$purl}/t/{$p.p1}?{$smarty.now}{literal}'); 
        }); 
        {/literal} 
        {if $p.p2 ne ""} 
        {literal} 
        $("#photo2").click(function(){ 
        var img = new Image(); 
        $(img).load(function() { 
         $('#big-image').hide(); 
         $('#big-image').attr('src', '{/literal}{$purl}/t/{$p.p2}?{$smarty.now}{literal}'); 
         $('#big-image').fadeIn(); 
        }).error(function() { 
        }).attr('src', '{/literal}{$purl}/t/{$p.p2}?{$smarty.now}{literal}'); 
        }); 
        {/literal} 
        {/if} 
        {if $p.p2 ne ""} 
        {literal} 
        $("#photo3").click(function(){ 
        var img = new Image(); 
        $(img).load(function() { 
         $('#big-image').hide(); 
         $('#big-image').attr('src', '{/literal}{$purl}/t/{$p.p3}?{$smarty.now}{literal}'); 
         $('#big-image').fadeIn(); 
        }).error(function() { 
        }).attr('src', '{/literal}{$purl}/t/{$p.p3}?{$smarty.now}{literal}'); 
        }); 
        {/literal} 
        {/if} 
        {literal} 
       }); 
       $(document).ready(function() { 
       $('.gig-desc').linkify(); 
        $(".gig-desc a").each(function() { 
         $(this).attr("target", "_blank"); 
        }); 
       }); 
       </script> 

そして、ここで画像divタグである:

<div id="photo1"><img alt="{$p.gtitle|stripslashes}" src="{$purl}/t2/{$p.p1}?{$smarty.now}" /></div>  
{if $p.p2 ne ""}<div id="photo2"><img alt="{$p.gtitle|stripslashes}" src="{$purl}/t2/{$p.p2}?{$smarty.now}" /></div>{/if} 
{if $p.p3 ne ""}<div id="photo3"><img alt="{$p.gtitle|stripslashes}" src="{$purl}/t2/{$p.p3}?{$smarty.now}" /></div>{/if} 

助けてください。

+2

FireFoxのエラーコンソールを確認しましたか。たぶん便利なエラーメッセージがありましたか? – reporter

+0

スマートテンプレートのコードフォームではなく、ブラウザに表示されているコードを表示してください – meo

答えて

1

あなたのjavascriptにコードの部分があります(私は思う)は、JavaScript、Smartyタグではないでしょうか? Firebugコンソールがエラーを出します。

{/literal} 
{if $p.p2 ne ""} 
{literal} 
関連する問題