私は Pixelunion の Fantastic 拡張フォトセット プラグインと、paul irish の無限スクロールを併用していますが、問題なく動作します。
1 つのことを除いて、スクリプトで行ったカスタマイズ (丸みを帯びた角を無効にする) は、2 番目のページが無限スクロールによって読み込まれた後に引き継がれません。(デフォルトに戻ります)
私のコールバックは次のようになります。
<script type="text/javascript">
$(document).ready(function(){
$('#content').infinitescroll({
navSelector : "div.navigation",
nextSelector : ".navigation a#next",
itemSelector : ".entry",
bufferPx : 50,
extraScrollPx: 0,
loading: {
finished: undefined,
finishedMsg: "Congratulations, you've reached the end of the internet.",
img: "http://static.tumblr.com/8je4mhi/aLbmpfjp5/1.gif",
msg: null,
msgText: "",
selector: null,
speed: 'slow',
start: undefined
},
behavior: 'twitter',
},function(newElements){
$(newElements).find('.photo-slideshow').pxuPhotoset();
});
});
</script>
私の pxu photosets スクリプトは次のようになります。
<script type="text/javascript">
$(document).ready(function() {
$('.photo-slideshow').pxuPhotoset({
'ligthbox' : true,
'highRes' : true,
'rounded' : 'false',
'exif' : false,
'captions' : false,
'gutter' : '100px',
'photoset' : '.photo-slideshow',
'photoWrap' : '.photo-data',
'photo' : '.pxu-photo'
}, function() {
// callback
});
});
</script>
実際のプラグイン ファイルのデフォルトを変更すればすべてが機能しますが、スクリプトを介してオンザフライで変更できるようにしたいと考えています。これが可能かどうか誰にもわかりますか?
アップデート:
それは完全に理にかなっています。私はそれを認識していませんでした。次に、このように変数を追加しますか?
<script type="text/javascript">
$(document).ready(function() {
$('.photo-slideshow').pxuPhotoset({
var photosetOptions = {
'ligthbox' : true,
'highRes' : true,
'rounded' : 'false',
'exif' : false,
'captions' : false,
'gutter' : '10px',
'photoset' : '.photo-slideshow',
'photoWrap' : '.photo-data',
'photo' : '.pxu-photo'
}, function() {
// callback
});
});
});
</script>
アップデート #2
だから私はそれを手に入れたと思います..私はこのように無限スクロールプラグインの前に変数を置きましたか?
<script type="text/javascript">
var photosetOptions = {
'ligthbox' : true,
'highRes' : true,
'rounded' : 'false',
'exif' : false,
'captions' : false,
'gutter' : '10px',
'photoset' : '.photo-slideshow',
'photoWrap' : '.photo-data',
'photo' : '.pxu-photo'
};
$(document).ready(function(){
$('#content').infinitescroll({
navSelector : "div.navigation",
nextSelector : ".navigation a#next",
itemSelector : ".entry",
bufferPx : 50,
extraScrollPx: 0,
loading: {
finished: undefined,
finishedMsg: "Congratulations, you've reached the end of the internet.",
img: "http://static.tumblr.com/8je4mhi/aLbmpfjp5/1.gif",
msg: null,
msgText: "",
selector: null,
speed: 'slow',
start: undefined
},
behavior: 'twitter',
},function(newElements){
$(newElements).find('.photo-slideshow').pxuPhotoset(photosetOptions);
});
});
</script>
間違った順序などで入れたら訂正してください..しかし、これはうまくいくようです!