0

ヘッダーの現在のコードを使用して、W3C で prettyPhoto を有効にしています。

 jQuery(document).ready(function() {
     jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({
     social_tools:false 
     });
 });

手付かずのコードと prettyPhoto ドキュメントによる推奨

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

ページ上のコードは次のとおりです。

<li><a href="http://cdn.domain.com/1.jpg" data-gal="prettyPhoto[pp_gal]"><img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/1.jpg" alt=""></a></li>
<li><a href="http://cdn.domain.com/2.jpg" data-gal="prettyPhoto[pp_gal]"><img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/2.jpg" alt=""></a></li>

PS。親指でLazyLoadを使用していますが、それもうまく機能しています。

画像はprettyPhotoのライトボックスで機能していますが、ギャラリーで開いていません (次、前などはありません。同じタグを使用している他の画像を検出していないと思います)。[pp_gal] と関係があると思われます。 rel= の代わりに data-gal で動作させるために私が書いたコード。

これは、jQuery の達人にとっては簡単な修正だと思います。ありがとう

4

2 に答える 2

1

データ属性の値は単純ではprettyPhoto[pp_gal]ないため、プラグインが必要な情報を取得するためにそこを参照しているとprettyPhoto推測できます。prettyPhoto

のソースに移動して、の代わりにprettyPhoto見えるようにする必要があります。data-galrel

于 2012-12-20T11:49:30.873 に答える
0

調査の結果、prettyPhoto は最近コードを改善したようで、「REL」属性をフックし、1 つの値を変更するとすべてが修正されるため、この変更を採用するのは簡単でした。わーいわーい！

Believe は、prettyPhoto W3C を有効にする方法の例です。オンライン 8 あなたはこれを持っています

(function($){$.prettyPhoto={version:'3.1.4'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({hook:'data-gal',animation_speed:'fast',ajaxcallback:function(){},slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,allow_expand:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,overlay_gallery_max:30,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'<div class="pp_pic_holder">

これを探す

jQuery.extend({hook:'rel'

そしてに変更

jQuery.extend({hook:'data-gal'

または、私が編集した最新バージョンをダウンロードすることもできます。こちらはjquery.prettyPhoto-3.1.4-W3C.js です。

于 2012-12-20T16:20:11.453 に答える