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}
助けてください。
FireFoxのエラーコンソールを確認しましたか。たぶん便利なエラーメッセージがありましたか? – reporter
スマートテンプレートのコードフォームではなく、ブラウザに表示されているコードを表示してください – meo