Archive   RSS   (Login)

まぁそのまんま備忘録で

Category: スポンサー広告
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Category: XCL
Tags: XCL  SmoothGallery  mootools  myAlbum-P  
Mediabox×SmoothGallery 2
今回はスムースギャラリってみます。
前回の
MooTools-1.2.4-core-yc.js.txt
mediaboxAdv-1.2.0.js
と合わす為にVarは
Smooth Gallery 2.1dev
というか現状では全て最新

前回上記を入れてある状態は
[設置フォルダ]
 │
 │
 ├ [js]
 │ ├ mootools-1.2.4-core-yc.js
 │ ├ mediaboxAdv-1.2.0.js
 │ ├ mediaboxAdvWhite.css
 │ └ NonverBlaster.swf
 │
 └ [images] 
     ├ 50.gif
     └ 以下省略

なので落としたSmooth Gallery 2.1devから
mootools-1.2-more.js
jd.Gallery.js
jd.Gallery.css
を[js]へ入れて
css/img 以下の画像を
[images]へ入れます。


[設置フォルダ]
 │
 │
 ├ [js]
 │ ├ mootools-1.2.4-core-yc.js
 │ ├ mediaboxAdv-1.2.0.js
 │ ├ mediaboxAdvWhite.css
 │ ├ NonverBlaster.swf
 │ ├ mootools-1.2-more.js
 │ ├ jd.Gallery.css
 │ └ jd.Gallery.js
 │
 └ [images]
     ├ carrow1.gif
     └ 以下省略


そしてjd.Gallery.cssに記述されている画像のパスを変更します。
"img/"のパスになっているので、上記ディレクトリ構成の場合は"../images/"となります。


そして<head>内に
<link rel="stylesheet" type="text/css" media="screen" href="/box/js/jd.gallery.css" />
<script src="/box/js/mootools-1.2-more.js" type="text/javascript"></script>
<script type="text/javascript" src="/box/js/jd.gallery.js">
を追加

前回と合わせると
<link rel="stylesheet" type="text/css" media="screen" href="/box/js/jd.gallery.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/box/js/mediaboxAdvWhite.css" />
<script src="/box/js/mootools-1.2.4-core-yc.js" type="text/javascript"></script>
<script src="/box/js/mootools-1.2-more.js" type="text/javascript"></script>
<script src="/box/js/mediaboxAdv-1.2.0.js" type="text/javascript"></script>
<script src="/box/js/jd.gallery.js" type="text/javascript"></script>
となるわけです。

jd.gallery.jsよりmootools系のjsを先に読み込ませないとエラーになるようです。


そしてここからはXCLの話が混ざっちゃうんだけどmyAlbum-Pの特定のカテゴリの画像を
picoなんかにSmoothGallery使ってスライドショーさせちゃおうって事になるんだけど

一応 「xoops_block Smartyプラグイン 1.1(function.xoops_block.php)」を
XOOPSルートディレクトリの /class/smarty/plugins/ にいれておく。
(※何故かなくてもpicoは読み込む)


そんでpicoのコンテンツ作成で


<{xoops_block mod="myalbum" func="b_myalbum_topnews_show" opt="myalbum,5,50,1,0" assign="slideshow"}>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false,
showInfopane: false,
embedLinks: true,
delay: 5000,
fadeDuration: 2000
});
}
window.addEvent('domready',startGallery);
</script>

<div id="myGallery" style="float:left;">
<{foreach item=photo key=count from=$slideshow.photo}>
<div class="imageElement">
<h3><{$photo.title}></h3>
<p></p>
<a href="<{$photo.description}>" title="<{$photo.title}>" class="open"></a>
<img src="<{$xoops_url}>/uploads/photos/<{$photo.lid}>.<{$photo.ext}>" class="full" alt="" />
<img src="<{$xoops_url}>/uploads/thumbs/<{$photo.lid}>.<{$photo.ext}>" class="thumbnail" alt="" />

</div>
<{/foreach}>
</div>



を作成

optは
モジュールディレクトリ名(myalbum)
表示画像数(5)
titleテキストの文字数(50)
カテゴリid(1)
サブカテゴリを含めるかどうか?(0)

assignに入力した名前(上記だとslideshow)とカテゴリID(上記だと1)でmyAlbum-Pにカテゴリを作成。

このままだとデフォのブロックで使用していない<{$photo.description}>を読み込まないので
/modules/myalbum/blocks/myalbum_topnews.php の
40行目付近に


$result = $xoopsDB->query( "SELECT l.lid , l.cid , l.title , l.ext , l.res_x , l.res_y , l.submitter , l.status , l.date AS unixtime , l.hits , l.rating , l.votes , l.comments , c.title AS cat_title , t.description FROM $table_photos l LEFT JOIN $table_cat c ON l.cid=c.cid LEFT JOIN $table_text t ON l.lid=t.lid WHERE l.status>0 AND $whr_cat ORDER BY unixtime DESC" , $photos_num , 0 ) ;
$count = 1 ;
while( $photo = $xoopsDB->fetchArray( $result ) ) {
$photo['description'] = $myts->displayTarea( $photo['description'] , 0 , 1 , 1 , 1 , 1 , 1 ) ;
$photo['description'] = mb_strcut(strip_tags($photo['description']),0,60);

$photo['title'] = $myts->makeTboxData4Show( $photo['title'] ) ;




これで<{$photo.description}>を読み込むようになるのでそこにURL記載でリンクをはれる。

そんでまぁ好きなところに 例 <{pico dir="pico" id="1"}> みたいな感じで呼び出せば幸せになれるんじゃなかろうかと

  « jaikuengine install  XCLのBBcodeからのMediabox投稿Preload »

Comments

Leave a Comment

10 | 11  (2017) | 12
SUN MON TUE WED THU FRI SAT
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
最新コメント
最新トラックバック
プロフィール
QR

F

Author:F
 
携帯の方はこちら >>

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。