« 上一篇 | 下一篇»

將Gallery2的圖片區塊放在一般網頁上(Part Ⅱ)

22 十二月, 2005 22:47 •  (37) 迴響  •  引用(0)  •  9383 hit.  • 分類: Gallery2   

上次寫完那篇「將gallery2的圖片區塊放在一般網頁上(part Ⅰ) 」後,一直想實際試試把Gallery2的圖片區塊放在學校的首頁上。

今天下午總算有個較閒的時間來動手了(因為資訊種子的憑證終於給它送出去了太可笑嘍)。

哈哈哈!經過一番廝殺,細細調整,現在總算有點樣子了,您可以看看華龍國小首頁的最下面, 我放了四個華龍電子相簿(Gallery2)裡的圖片區塊。


在上面那四個網頁上,我已加上了CSS去控制字型大小、樣式、顏色

<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>
OK!來看看我怎麼做的吧!

 

第一步:寫顯示圖片區塊的.php檔


因為學校的網頁是跑asp,不是php,所以無法將Gallery2里的連結程式直接放在學校首頁上,所以我先寫四個放最新相簿、最新圖片、隨機相簿、隨機圖片的php檔,放在跑php的主機裡(就放在Gallery2的目錄下)。

又為了控制圖片區塊裡的文字顏色、樣式、大小,所以再加上CSS去控制。

 

<html>
<head>
    <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&g2_albumFrame=shadow"/>
</head>
<body>
<?php
@readfile('http://gallery.hlps.tc.edu.tw/main.php?g2_view=imageblock.External&g2_blocks=recentAlbum&g2_show=heading|title&g2_maxSize=120&g2_linkTarget=blank');
?>
</body>
</html>


至於隨機相簿 (randomAlbum.php)、最新圖片(recentImage.php)、隨機圖片 (randomImage.php)的網頁檔跟上面的大致相同,只要把上面的「recentAlbum」以「randomAlbum」、「recentImage」、「randomImage」來取代,再存成不同檔名的.php檔即可。

第二步:以<iframe></iframe>將php網頁放在學校的asp首頁上
  •  在首頁上適當位置,我加上下面的原始檔(以表格包住<iframe>)

 <table width="60%"  border="0" align="center" cellpadding="0" cellspacing="0" >
        <tr>
          <td><div align="center">
          <iframe width="150" height="190" frameborder="0" scrolling="no" src="http://media.hlps.tcc.edu.tw/gallery2/recentAlbum.php"> </iframe>
 </div></td>
          <td><div align="center">
          <iframe width="150" height="200" frameborder="0" scrolling="no" src="http://media.hlps.tcc.edu.tw/gallery2/randomAlbum.php"> </iframe>
 </div></td>
          <td><div align="center">
          <iframe width="150" height="200" frameborder="0" scrolling="no" src="http://media.hlps.tcc.edu.tw/gallery2/recentImage.php"> </iframe>
 </div></td>
          <td><div align="center">
          <iframe width="150" height="200" frameborder="0" scrolling="no" src="http://media.hlps.tcc.edu.tw/gallery2/randomImage.php"> </iframe>
 </div></td>
        </tr>
      </table>


OK!這樣就完成了太可笑嘍,很簡單吧!

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

37 Comments on "將Gallery2的圖片區塊放在一般網頁上(Part Ⅱ)"

 

  1. 關於前幾天的問題

       作者 Lynn       [管理]

    老師,

    等不及你的解答,我已經先用gallery2 改好了! ^^

  2.  

  3. gallery3怎麼改

       作者 Lynn       [管理]

    阿欣老師,

    gallery 3 也可以用這樣的方式更改嗎?  我試出來的結果都出現以下的訊息:

    Parse error: syntax error, unexpected '@' in /home/linksour/public_html/gallery2/recentAlbum.php on line 20

    http://www.link-source.info/gallery2/index.php/
    http://www.link-source.info/gallery2/test.htm

    我是學校的義工媽媽,架了一個gallery,卻為了不曉得如何將照片隨機放到班級網頁上困擾不已...請你幫我看一下好嗎? 謝謝你!

  4.  

  5. 做出來了

       作者 Vic       [管理]

    阿欣老師:

    非常感謝你,我照你的方法改,佈景主題的邊欄現在已經可以開新視窗了。移除掉logo後,內勘在學校網站上的效果還不錯。

    真的非常謝謝你。

  6.  

  7. 有沒有辦法放兩個最新相簿

       作者 Vic       [管理]

    阿欣老師,您好。

    我是台東縣東海國小的替代役男,因為我本身是學電腦的,所以學校網路很多都是我在維護。我最近架了gallery2,真的很謝謝你這篇教學,我才學會怎麼把最新相簿和隨機相簿的區塊放到網站上。

    但是校長看了,他希望網站上不要有隨機相簿,因為隨機相簿有時候選到很舊的相簿。他希望的是有個最新相簿,然後一個第二新的相簿。

    請問如果用圖片區塊,有沒有辦法設定系統顯示兩個最新的相簿呢?

    另外我又想到一個可行的辦法。相簿裡面的佈景主題可以設定在邊欄中出現的區塊,這邊的圖片區塊可以設定為兩個最新相簿。我有想過在學校網站上內勘這個邊欄,但是有沒有辦法把邊欄的圖片區塊設定為在新視窗開啟呢?

    再次謝謝您!

    用外部圖片區塊的方式(也就是上面所說@readfile(.....)的方式),應該是沒辦法顯示兩個最新相簿。

    有一個比較像的方式,就是在上面的recentAlbum裡再加一行@readfile(.....),但這一行要再加一個參數「g2_itemId 」,也就是指定某個相簿裡的最新相簿。

    除此之外,我還想不到。

    另外你上面說佈景主題的方式,圖片區塊要改成在新視窗開啟,改一下程式倒是可以

    修改 /gallery2/modules/imageblock/templates/ImageBlock.tpl 這檔案

    找到

     <a href="{$linkHref}"{if  !empty($ImageBlockData.linkTarget)} target="{$ImageBlockData.linkTarget}"{/if}>

    改成

    {if !empty($linkHref)}
        <a href="{$linkHref}" target="_blank">

    這樣就可以了。

  8.  

  9.    作者 kios       [管理]

    謝謝老師,亂碼的問題解決了。

    恭喜啦!在你們學校首頁上看到結果了

    阿欣

  10.  

  11.    作者 kios       [管理]

    謝謝您,李老師
    我們教育處把22port從線網端鎖住,在我們學校才能用ssh進去
    不然就可以請你幫我看一下。

     

    鎖22port,那不是挺麻煩的嗎?

     

    嗯!教育處體諒你們,回家就好好休息,不要工作啦!大笑

    看你在那www的檔案,前面我所講的解決亂碼的問題那方法應該是不行了。

    你再試一個方法看看,在你的httpd.conf加上下面內容,存檔後重啟httpd

    <Directory "你放那4個檔案的路徑">
    AddDefaultCharset UTF-8
    Options FollowSymLinks
    AllowOverride None
    Order allow,deny
    Allow from all
    </Directory>
    上面的方法,就是在big5主機上,可以讓某個目錄變成utf-8的編碼,你試試看是否可行。

     

  12.  

  13.    作者 kios       [管理]

    我把他放到另一台主機就可以看到,可是放在我gallery2的那一台主機上就看不到......
    不過還有一個問題,就是開啟網頁呈現的後呈現的中文字是亂碼,必須把瀏覽器的編碼改成utf8
    可是這樣又會影響到其他的東西,怎麼像老師的那樣呈現繁體中文呢?是不是要改變gallery2那一台主機的編碼?
    http://www.smps.tyc.edu.tw/php/randomAlbum.php

    亂碼是因為你那台www主機的編碼為big5,而gallery2的編碼為utf-8的關係

    你試試看在那4個檔案的之間加上

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    至於那台gallery2主機為何看不到東西,目前還不清楚,要詳細找出原因,可能得直接進去試才知道了。
    
  14.  

  15.    作者 kios       [管理]

    謝謝李老師,在你的測試頁面可以看到可是在我的位置上還是看不到(權限644)
    http://post.smps.tyc.edu.tw/gallery2/randomAlbum.php

     

    kios:

    我拿你的檔案修改後在這裡

    抓上面的gallery2.zip 放進你的主機看看。

    阿欣

  16.  

  17.    作者 kios       [管理]

    對不起,這樣您沒有辦法開啟,我重新再傳一個壓縮檔,麻煩您幫我看一下,謝謝!
    http://163.30.176.17/~kios/gallery2.zip

    我剛剛用你的檔案試一試,咦?也是一片空白耶!

    百思不得其解,我還一個字一個字對照,結果呢?很簡單的一個原因,「權限問題啦!

    我抓你的檔案來試,原本的權限好像是 600,當然看不到了,改成644就可以啦!

    randomAlbum.php

    看到你的檔案內容,一開始的地方怪怪的,原來是我上面的範例不知為何有點小小錯誤(上面文章我已修改過了),不過是不影響啦!把下面三行刪除就可以。

    <html>
    <head>
    <style type="text/css">
    <!--
    body {

        <style type="text/css">
    h3 {
    略...


  18.  

  19.    作者 kios       [管理]

    老師,麻煩您幫我看一下檔案有錯誤嗎?謝謝!試過好幾次都出現空白一片......
    http://163.30.176.17/~kios/randomAlbum.php

  20.  

  21. 求救

       作者 kios       [管理]

    老師,我照您文章中的語法複製後,在gallery2目錄之下放置recentAlbum、recentImage、randomAlbum、randomImage等4個php檔,執行之後卻出現空白一片,不知道問題出在那裡?
    我的gallery2是最新版的

  22.  

  23.    作者 阿欣       [管理]

    sender老師:
    恭喜啦!總算沒問題,另外建議一下,你們的教師部落格有空的話可以把它升級的1.2來,操作更方便,管理員更方便管理,最重要的是效能好上很多。

    阿欣

  24.  

  25. 搞定囉,謝謝阿欣老師...!!

       作者 sender       [管理]

    sorry,學校首頁連結打錯了,重貼一次。

  26.  

  27. 搞定囉,謝謝阿欣老師...!!

       作者 sender       [管理]

    先前有試過照阿欣老師的方式將教學文章中的語法複製後,在gallery2目錄之下放置recentAlbum、recentImage、randomAlbum、randomImage等4個php檔,再用表格排版的方式進行抓圖,但是一直沒有成功,網頁總會出現錯誤訊息,不曉得那邊出錯。

    再重新檢視阿欣老師的文章內容,才發現原來是複製來的php的語法有強迫換行,導致php執行錯誤,將語法修改一下就搞定囉,已成功呈現在學校首頁上,抓圖的速度也先前的方法快了一點。

    再次謝謝阿欣老師的指點。

  28.  

  29. 怪!! 最新圖片的速度有點慢......

       作者 sender       [管理]

    阿欣老師 好:

    謝謝阿欣老師的協助,我將老師所提供test_ptjh.php修改為utp8語系後,現在可以取得gallery2的最新圖片!!(請看這裡

    只是不曉得什麼原因,與阿欣老師協助的測試頁一比,感覺抓圖的速度有點慢,雖然兩者都是連結到同一個gallery2抓圖!!

    想請教阿欣老師是否有相關系統設定的方式能增加抓圖速度,還是有其他方向可以嘗試? 

    不好意思,一直麻煩阿欣老師,謝謝。

     

  30.  

  31.    作者 阿欣       [管理]

    sender:
    這這這......,真是怪了,在我這裡可以耶!(看看這裡)
    下載我這裡的檔案看看吧!(test_ptjh.zip)

  32.  

  33.    作者 sender       [管理]

    阿欣老師 好:

    我們學校也架設了一個 gallery2 ,目前想將縮圖放置在學校首頁上,我將阿欣老師分享給 yu641211兄的 test.php,放回到本校的gallery2目錄之下,運作一切正常(test.php),但是若將連結位置改為本校位置後就無法顯示縮圖(test_01.php)。

    可不可以請阿欣老師幫我看一下那裡出了問題?

    謝謝您的協助。

  34.  

  35.    作者 阿欣       [管理]

    center:
    我們學校上面的公佈欄並不是sfs3裡的資料,那是我自己做的asp程式網頁。

    sfs3是用php寫的,這我就沒研究了,好像也沒看過有人做過,大部分學校都是用頁框的方式來呈現。

  36.  

  37.    作者 center       [管理]

    老師不好意思這個問題不是關於gallery2,我說的是我們學校也有裝SFS3,如何在學校首頁上做出類似連結資料庫的資料,點進去才是連至SFS3的公佈欄系統,因為直接將公佈欄整個直接插進去,感覺不是很融入網頁。

  38.  

  39.    作者 阿欣       [管理]

    center:
    「華龍國小上公佈欄的語法」?
    不好意思!你是說哪裡呢?再說明清楚一點吧!

    難道你說的是把gallery2的相片放在網頁上嗎?那上面寫的你有哪裡不清楚的嗎?

  40.  

發表迴響
 authimage

Google+ 迴響

*********