« 上一篇 | 下一篇»

將gallery2的圖片區塊放在一般網頁上(Part3)

18 九月, 2008 01:26 •  (11) 迴響  •  引用(0)  •  4261 hit.  • 分類: Gallery2   

華龍首頁右下角有個華龍電子相簿最新相簿及隨機相簿的區塊,好久以前寫過相同主題的兩篇文章(Part1Part2),現在又有更簡單的方式來呈現。

以前的方法(Part2),其實有點笨,要顯示四個圖片區塊,寫四個檔案(recentAlbum、recentImage、randomAlbum、randomImage),最近才發現,用這方法其實只要一個檔案就可以了。什麼?!

也就是在這一行裡

@readfile('http://gallery.hlps.tc.edu.tw/main.php?g2_view=imageblock.External&g2_blocks=recentAlbum&.......);

紅色的部份改成

g2_blocks=recentAlbum|recentImage|randomAlbum|randomImage

所以只要一個檔案就可以了。

這也不是新方法,在Gallery2官網的ImageBlock模組網頁上早已有說明,只是因為英文跟我不是好朋友愛哭鬼,所以沒仔細看到。

但是前一陣子,發現若顯示隨機相片,主機CPU值都會飆高,所以拿掉了recentImage及randomImage區塊,我又希望能顯示兩個最新相簿及兩個隨機相簿,但用以前的方法,只能顯示一個最新相簿。

今晚又去Gallery2官網爬文,不小心又找到了這一個方法(也不是新資料,早就在官網上有的)。

我的作法:

1.寫一個 galleryembed.php 的檔案

我的程式碼如下:

<style type="text/css">
h3 {
font-size: 13px;
color: #006699;
padding: 0px;
font-weight: normal;
}
h4 {
font-size: 11px;
color: #6699FF;
font-weight: normal;
}
</style>
<link rel="stylesheet" href="http://gallery.hlps.tc.edu.tw/main.php?g2_controller=imageblock.ExternalCSS"/>

<?php
/* You'll have to change the /gallery2/ thing in the following 2 lines probably */
# require_once(dirname(__FILE__) . '/gallery2/embed.php');
require_once('embed.php');
$ret = GalleryEmbed::init(array('fullInit' => true, 'embedUri' => '/gallery2/main.php', 'g2Uri' => '/gallery2/main.php'));
if ($ret) {
print 'GalleryEmbed::init failed, here is the error message: ' . $ret->getAsHtml();
exit;
}
/*
* See "Site admin" -> "image block" for all available options. the parameters are the same
* as for the external imageblock
*/
list ($ret, $bodyHtml, $headHtml) = GalleryEmbed::getImageBlock(array('blocks' => 'recentAlbum|recentAlbum|randomAlbum|randomAlbum|','maxSize' => '100','linkTarget' => '_blank'));
if ($ret) {
print 'GalleryEmbed::getImageBlock failed, here is the error message: ' . $ret->getAsHtml();
exit;
}
/* $bodyHtml contains the image block. print it somewhere on your website */
print $bodyHtml;
/*
* $headHtml is not required. if you use imageframes for your imageblocks, you need to print
* $headHtml in the <head> section of your web page
*/
?>

  • 紅色的部份

是那個區塊的文字顏色、大小的設定

  • 綠色的部份「 '/gallery2/main.php'」

就根據你的gallery2網頁路徑來設定

  • 粉紅色的部份

('blocks' => 'recentAlbum|recentAlbum|randomAlbum|randomAlbum|','maxSize' => '100','linkTarget' => '_blank')
這些參數你可以在gallery2管理後台的「圖片區塊」看到

blocks
使用管道符 '|' 分割選擇列表:randomImage, recentImage, viewedImage, randomAlbum, recentAlbum, viewedAlbum, dailyImage, weeklyImage, monthlyImage, dailyAlbum, weeklyAlbum, monthlyAlbum, specificItem

maxSize圖片的大小

linkTarget:點選相簿後,會以新視窗開啟連結

  • 相簿的名稱、標題及邊框:

官網上的程式碼裡是用 'show' => 'title|date' 來設定,不過我的測試,在這裡設定是沒用的,必須在管理後台「圖片區塊」那裡設定才可以。

2.用<iframe>語法放進一般網頁上

我放在華龍首頁上的程式碼

<iframe width="150" height="800" frameborder="0" scrolling="no" src="http://gallery.hlps.tc.edu.tw/galleryembed.php"> </iframe>

這樣就完成了。

3.讓相簿水平顯示

預設圖片區塊是垂直顯示的,但若要水平顯示,可以在上面程式碼紅色的部份,加上

			 .one-image { float: left; }
			a img { border: 0; }
			


另外最好在圖片區塊設定那裡,把標題、主題等選項拿掉

不然版面上會不太好看

掰掰

創用 CC 授權條款
 
 
Related Posts Plugin for WordPress, Blogger...

11 Comments on "將gallery2的圖片區塊放在一般網頁上(Part3)"

 

  1. 謝謝阿欣老師,邊框問題已解決

       作者 風之痕       [管理]

    謝謝阿欣老師,邊框問題已解決,上傳中文檔名無解。

    我用windows 2003 server  架設Gallery 2

     

  2.  

  3. 我的gallery2如果上傳照片檔名有中文,就無法正確顯示照片

       作者 風之痕       [管理]

    阿欣老師你好:

    我有參加5/13研習,依照老師交的方法已經成功將gallery2 嵌入學校首頁http://www.dljh.tcc.edu.tw/index9805.asp

    但是出現的縮圖都沒像老師的漂亮(沒有邊框,照片都連在一起),不知要到那邊設定呢 ?

    另外,我的gallery2如果上傳照片檔名有中文,就無法正確顯示照片,要設定哪裡呢?

    謝謝!

    1.邊框問題:
    在外掛組件裡安裝啟動「ImageFrame」這個外掛,就可以看到邊框

    2.中文檔案我這裡是可以上傳的,你的系統是安裝在Windows下面嗎?這問題得再試試看。

  4.  

  5. 怎麼刪日期 2

       作者 jongdodo       [管理]

    您說的那個設定我與您相同,
    不知還有可能是何原因造成的呢?
    http://ing.phes.chc.edu.tw/gallery2/galleryembed.php

    不清楚耶!我的這一個檔案沒問題呀!原始檔在這裡

    試試我的檔案看看囉!

  6.  

  7. 怎麼刪日期

       作者 jongdodo       [管理]

    http://ing.phes.chc.edu.tw/gallery2/galleryembed.php

    不知怎麼的日期就跑出來了,
    請問在哪裡可以將日期那行刪除呢?
    謝謝

    如下圖

  8.  

  9. much

       作者 much       [管理]

    阿欣老師

    我們學校網頁的相簿發生了一些我自己難以解決的問題,想來向您請教

    http://photo.ssps.tp.edu.tw/recentalbum.php

    我們學校的最新相簿不知怎麼搞的

    怎麼最近有幾次都發生了相簿重複的現象

    某一個相簿一上傳就造成所有的最新相簿每個都出現重複的現象

    當然,只要把那個最新傳的相簿刪掉

    就會恢復原狀了

    不知道這是什麼狀況

    sorry,我也不是很清楚

    我們學校的之前也有發生過這樣的情形,不過後來又正常,所以就沒再理它了

    我只能猜測是模版cache的關係吧!

  10.  

  11. 忘了附網址了^^

       作者 ann       [管理]

    http://www.hlbh.hlc.edu.tw/office5/gallery2/recentAlbum.php

  12.  

  13. 請問阿欣老師

       作者 ann       [管理]

    請問阿欣老師:我照您的方式做出來的還是亂碼,如下網址,主機是用linux的,改為utf-8編碼後,還是不行,不知是那出了問題?

    可以請阿欣老師幫我看一下嗎?謝謝!

    再試試看以下的方法吧!

    由於你的主機編碼為big5,所以在你的 httpd.conf 加上底下的內容

    <Directory "/var/www/html/gallery2">
    AddDefaultCharset UTF-8
    Options FollowSymLinks
    AllowOverride All
    Order allow,deny
    Allow from all
    </Directory>

    紅色字部分就改成你的gallery2實際路徑,再重啟 httpd 吧!

    上面就是要在big5主機上指定某目錄的編碼為utf-8,不過有點奇怪,你的gallery2編碼已為utf-8了,為何那檔案就不行,反正你先試試吧!

  14.  

  15. 成功了~謝謝

       作者 betty       [管理]

    成功了^^
    謝謝老師的指導~

  16.  

  17. 網頁編碼問題

       作者 betty       [管理]

    老師您好,

    不好意思,再次來打擾~

    我的作法的確和您所說的一樣,

    使用<iframe>,

    但當滑鼠移過縮圖時,

    仍會出現亂碼,

    附上網址:http://www.hfjh.tyc.edu.tw/index2.htm

    該如何修改呢?

    感謝您的幫忙~謝謝

    那是因為你的這個網頁的編碼是big5
    http://163.30.41.132/gallery2/galleryembed.php

    把它改成utf-8就可以了。
  18.  

  19. 字體編碼不同造成亂碼的問題

       作者 betty       [管理]

    老師您好~

    想請問字型編碼的問題,

    因為gallery的編碼是utf-8

    但一般網頁的編碼是big-5

    所以把gallery放入首頁時,就會出現亂碼的情況,

    不知該如何處理呢??

    謝謝您~

    我學校的首頁就是big5,所以就如上面文章

    2.用<iframe>語法放進一般網頁上

    用<iframe>的方式就可以了。

  20.  

  21.    作者 much       [管理]

    老師你好~

    我剛剛試了一下,橫式擺法出不來,可以拜託你寫詳細一點嗎?

    非常感謝!

    看一下這個檔案 galleryembed-horizontal.php,原始檔看galleryembed-horizontal.txt

    就是把「.one-image....」那一段,放在<style></style>裡面就可以了。

    不過我在後台有設定要顯示標題、主題,所以版面看起來比較亂。

  22.  

發表迴響
 authimage

Google+ 迴響

*********