:::
XOOPS使用討論區
tagallery的Flickr等高模式
更新為3.2版
Flickr等高模式點擊相片時為何要設成另開視窗呢??
看了模板tg_list_flickr.html
裡面有載入colorbox卻沒有效果
所以動手改一下把燈箱效果運作起來
<!--相片-->
<{if $photo}>
<div class="row-fluid">
<div class="span12" id="tg_container">
<{foreach item=photo from=$photo}>
<a href="<{$photo.photo_l}>" title="<{$photo.title}>">
<img alt="<{$photo.title}>" title="<{$photo.title}>" src="<{$photo.photo_m}>" />
</a>
<{/foreach}>
</div>
</div>
<script type="text/javascript">
$("#tg_container").justifiedGallery({
"rowHeight" : 110,
"sizeRangeSuffixes" : {
"lt100":"",
"lt240":"",
"lt320":"",
"lt500":"",
"lt640":"",
"lt1024":""
},
"usedSizeRange" : "lt240",
"margins" : 5,
"rel" : "group",
"onComplete": function(e) {
$(e).find('a').colorbox({rel:'group'});
}
});
</script>
Flickr等高模式點擊相片時為何要設成另開視窗呢??
看了模板tg_list_flickr.html
裡面有載入colorbox卻沒有效果
所以動手改一下把燈箱效果運作起來
<!--相片-->
<{if $photo}>
<div class="row-fluid">
<div class="span12" id="tg_container">
<{foreach item=photo from=$photo}>
<a href="<{$photo.photo_l}>" title="<{$photo.title}>">
<img alt="<{$photo.title}>" title="<{$photo.title}>" src="<{$photo.photo_m}>" />
</a>
<{/foreach}>
</div>
</div>
<script type="text/javascript">
$("#tg_container").justifiedGallery({
"rowHeight" : 110,
"sizeRangeSuffixes" : {
"lt100":"",
"lt240":"",
"lt320":"",
"lt500":"",
"lt640":"",
"lt1024":""
},
"usedSizeRange" : "lt240",
"margins" : 5,
"rel" : "group",
"onComplete": function(e) {
$(e).find('a').colorbox({rel:'group'});
}
});
</script>
上方相簿的編輯功能失效
一樣用colorbox實作的話，加入
$(function(){
$('.editbtn').colorbox({ajax:true});
});
不過資料送出後視窗不能關閉也不能刷新頁面
因為ajax.php使用的是fancybox
也沒有masonry的reload功能....
一樣用colorbox實作的話，加入
$(function(){
$('.editbtn').colorbox({ajax:true});
});
不過資料送出後視窗不能關閉也不能刷新頁面
因為ajax.php使用的是fancybox
也沒有masonry的reload功能....
