jQuery Plugin – LightBox2
這篇文章也在馬老師舊的部落格出現過，不過既然搬家了就重新做一次吧！其實在馬老師雲端研究室裡面也大量應用了這樣的效果，無論你在這點選了圖片或Flash都會觸發這個效果，相信大家也看過很多次了，接下來我們就看看怎麼樣在自己的網頁中加入這樣的效果，首先大家可以先到LightBox2的官方網站下載他們打包好的jQuery和CSS…等資源，或按我直接下載。
下載後會有以下三個資料夾比較重要：
- CSS資料夾是放LightBox2所需要用到的CSS樣式表
- images資料夾是放LightBox2所需要用到的圖檔（例如上一張、下一張的按鈕）
- js資料夾是放LightBox2所需要用到的jQuery檔
接下來就可以開始製作網頁，在製作前也需要先準備一些大圖和小圖，如下圖例：
範例中檔名有s的表示縮圖（160×120）、另外就是大圖（640×480），在網頁裡面首先置入縮圖，在縮圖上製作超連結到大圖。
接下來就要開始針對語法做些處理了，在HTML中<head>…</head>區段加入以下的程式碼：
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
第1~3行是連結LightBox2中jQuery的程式，第4行則是連結LightBox2中CSS的樣式表，再來處理超連結的語法，在原本製作圖片超連結的部份加入rel=”lightbox[g1]”的語法，如下：
<a href="foods/location_pic_1.jpg" rel="lightbox[g1]"><img src="foods/location_pic_1_s.jpg" width="160" height="120" border="0" /></a> <a href="foods/location_pic_2.jpg" rel="lightbox[g1]"><img src="foods/location_pic_2_s.jpg" width="160" height="120" border="0" /></a> <a href="foods/location_pic_3.jpg" rel="lightbox[g1]"><img src="foods/location_pic_3_s.jpg" width="160" height="120" border="0" /></a>
其中g1的部份是表示這個圖片的群組，如果三張圖片都是g1則點選任一張，都可以在畫面中切換看到這三張，但若兩張圖片是g1第三張是g2的話，點選第一張圖片後只能切換到第二張，第三張則為獨立的圖檔，大家可以依照自己的情形修改括號內的文字，整體製作好的網頁語法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>LightBox2</title> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> </head> <body> <a href="foods/location_pic_1.jpg" rel="lightbox[g1]"><img src="foods/location_pic_1_s.jpg" width="160" height="120" border="0" /></a> <a href="foods/location_pic_2.jpg" rel="lightbox[g1]"><img src="foods/location_pic_2_s.jpg" width="160" height="120" border="0" /></a> <a href="foods/location_pic_3.jpg" rel="lightbox[g1]"><img src="foods/location_pic_3_s.jpg" width="160" height="120" border="0" /></a> </body> </html>
在這邊也提供整個製作完成的範例讓大家下載參考，或直接觀賞網頁檔，其實這個範例還有一些額外的小東西可以改，比如說彈出視窗的圖片標題，按鈕中文化…等，還要請大家再多多研究一下囉！希望這個範例對大家有所幫助，如果還有疑問，也可以在這邊回應唷～
The best film magazin https://orbismagazine.com, film industry trade publications in 2024 to keep you informed with the latest video production, filmmaking, photographynews. We create beautiful and magnetic projects.
средство для интимной гигиены с молочной кислотой Средства для интимной гигиены IntiLINE
купить диплом в кисловодске купить диплом в кисловодске .
Прогнозы на футбол
best place to buy tiktok followers buy tiktok followers twicsy
грузоперевозки недорого http://gruzchikiminsk.ru .
Luka Modric https://lukamodric.prostoprosport-ar.com is a Croatian footballer, central midfielder and captain of the Spanish club Real Madrid, captain of the Croatian national team. Recognized as one of the best midfielders of our time. Knight of the Order of Prince Branimir. Record holder of the Croatian national team for the number of matches played.
перевозка мебели с грузчиками минск https://gruzchikiminsk.ru/ .
Ali al-Buleahi https://ali-al-bulaihi.prostoprosport-ar.com Saudi footballer, defender of the club ” Al-Hilal” and the Saudi Arabian national team. On May 15, 2018, Ali al-Buleakhi made his debut for the Saudi Arabian national team in a friendly game against the Greek team, coming on as a substitute midway through the second half.
Neymar da Silva Santos Junior https://neymar.prostoprosport-ar.com is a Brazilian footballer who plays as a striker, winger and attacking midfielder for the Saudi Arabian club Al-Hilal and the Brazilian national team. Considered one of the best players in the world. The best scorer in the history of the Brazilian national team.
Harry Edward Kane https://harry-kane.prostoprosport-ar.com is an English footballer, forward for the German club Bayern and captain of the England national team. Considered one of the best football players in the world. He is Tottenham Hotspur’s and England’s all-time leading goalscorer, as well as the second most goalscorer in the Premier League. Member of the Order of the British Empire.
купить диплом в энгельсе vm-tver.ru .
Yassine Bounou https://yassine-bounou.prostoprosport-ar.com also known as Bono, is a Moroccan footballer who plays as a goalkeeper for the Saudi Arabian club Al-Hilal and the Moroccan national team. On November 10, 2022, he was included in the official application of the Moroccan national team to participate in the matches of the 2022 World Cup in Qatar
Anderson Sousa Conceicao better known as Talisca https://talisca.prostoprosport-ar.com is a Brazilian footballer who plays as a midfielder for the An-Nasr club. A graduate of the youth team from Bahia, where he arrived in 2009 ten years ago.
Cristiano Ronaldo https://cristiano-ronaldo.prostoprosport-ar.com is a Portuguese footballer, forward, captain of the Saudi Arabian club An-Nasr and the Portuguese national team. European Champion. Considered one of the best football players of all time. The best scorer in the history of football according to the IFFIS and fourth according to the RSSSF
Прогнозы на спорт
Your blog post was exactly what I needed to hear today. Thank you for the gentle reminder to practice self-care.
Каждый год в середине сентября проводится Тюменский инновационный форум «НЕФТЬГАЗТЭК».
Форум посвящен определению механизмов инновационного развития областей топливно-энергетического комплекса, рассмотрению и определению ответов, созданию наилучших условий для развития инноваторских проектов. Ежегодный тюменский форум является влиятельной дискуссионной площадкой по увеличению роста нефтегазовой отрасли в Российской Федерации, содержит высокий авторитет и своевременность, созвучен общей стратегии продвижения инноваторского направления в Российской Федерации
https://neftgaztek.ru/
казино казино .
Pedro Gonzalez Lopez https://pedri.prostoprosport-ar.com better known as Pedri, is a Spanish footballer who plays as an attacking midfielder for Barcelona and the Spanish national team. Bronze medalist of the 2020 European Championship, as well as the best young player of this tournament. Silver medalist at the 2020 Olympic Games in Tokyo. At the age of 18, he was included in the list of 30 football players nominated for the 2021 Ballon d’Or.
сериал волчонок онлайн смотреть сериал волчонок
Robert Lewandowski https://robertlewandowski.prostoprosport-ar.com is a Polish footballer, forward for the Spanish club Barcelona and captain of the Polish national team. Considered one of the best strikers in the world. Knight of the Commander’s Cross of the Order of the Renaissance of Poland.
продвижение сайтов в москве продвижение сайтов в москве .
Отличный сайт! Всем рекомендую!дизайн упаковки
Toni Kroos https://tonikroos.prostoprosport-ar.com is a German footballer who plays as a central midfielder for Real Madrid and the German national team. World champion 2014. The first German player in history to win the UEFA Champions League six times.
продвижение сайтов в москве яндекс оплата за результат продвижение сайтов в москве яндекс оплата за результат .
Cassino com pagamentos rapidos Blaze
buy piracetam paypal – buy sinemet 10mg without prescription order sinemet 10mg pill
https://autolux-azerbaijan.com/# Pin Up Azerbaycan
https://autolux-azerbaijan.com/# pin-up kazino