推 wintercrazy:真是非常感謝囉~ ^^" 10/24 07:45
※ 編輯: roga 來自: 220.130.223.207 (10/24 09:14)
※ 引述《wintercrazy ()》之銘言:
: 我想請教一下
: 如果我想做個超連結 點選了之後可以改變分頁中某個部份的內容
: 該怎麼做呢?
: 例如我想做一個相簿
: 左邊是這本相簿的縮圖 想要點選了之後在右邊出現大圖
: 目前我的作法就是 每一個大圖都做一個頁面去對應
: 可是這個方法很不方便
: 尤其時如果有地方要修正的話 就要把全部的頁面一個個更新
: 不知道要用什麼方法可以達成我要的樣子呢?
: 感謝囉~
用 php 然後用 get method 去做。
<?
$page = $_GET['page'];
if(!isset($_GET['page']))
$page = "img1";
?>
<?php if($page == "img1") { ?>
<img src="img1.jpg" alt="">
<?php } elseif($page == "img3") { ?>
<img src="img2.jpg" alt="">
<?php } else echo "<h1>-_______-\"</h1>"; ?>
這是最簡單的方法,以此類推,圖片選單記得寫在 if else 外面。
選單就寫成
<a href="show.php?img=1">[1]</a>
<a href="show.php?img=2">[2]</a>
<a href="show.php?img=3">[3]</a>
<a href="show.php?img=4">[4]</a>
=========================== 分隔線 =============================
要不然就透過 Javascript 來實做也可以..
<IMG SRC="1.jpg" width="70" BORDER="0" NAME="pic0">
樓上是要被換掉的圖片
<A HREF="#" OnMouseOver="document.images.pic0.src='1.jpg'"
OnMouseOut="document.images.pic0.src='default.jpg'">縮圖一</A>
<A HREF="#" OnMouseOver="document.images.pic0.src='2.jpg'"
OnMouseOut="document.images.pic0.src='default.jpg'">縮圖二</A>
<A HREF="#" OnMouseOver="document.images.pic0.src='3.jpg'"
OnMouseOut="document.images.pic0.src='default.jpg'">縮圖三</A>
可以視情況把 OnMouseOver 改成 OnClick 之類的..
--
The Internet: where men are men, women are men, and children are FBI agents.
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.130.223.207