Gallery ảnh: Galleriffic - 10 May 2011 - All 4 You
Thursday, 23-Mar-2017, 8:17 PM
Welcome Guest | RSS
Main » 2011 » May » 10 » Gallery ảnh: Galleriffic
10:38 AM
Gallery ảnh: Galleriffic
Cái kiểu show ảnh này đẹp vào tiện theo dõi à nha, hihi (nghe có vẻ teen nhỉ). Trong lúc tìm đoạn code để tạo 1 gallery album ảnh cho 1 người bạn thì mình tìm và ưng ý nhất với đoạn code này thôi. Ghét nhất là kiểu gallery bắt phải xem từ đầu đến cuối, không cho chọn để xem 1 ảnh bất bì nào đó. Thấy bất tiện kinh khủng í. Vào cái nì đáp ứng đúng yêu cầu của mình. Tuy nhiên, thuộc tính đặt ảnh show cố định cao/ rộng thì mình chưa tìm ra, bạn nào biết thì làm ơn gửi cho mình nhé, đỡ phải resize ảnh mất công. 


Sửa lại đoạn code sau rồi paste vào nơi bạn muốn hiển thị gallery nhé.

Chú ý:

- Ảnh large_img.jpg có size không quá: 331x500px, hoặc: 500x331px. Mình chưa tìm ra đoạn code để đặt cố định thuộc tính ảnh không được cao/ rộng quá 500px/ 331px, bạn nào có đoạn code này thì cho mình xin nhé. Tks
1.jpg vừa là ảnh thumb, vừa là link ảnh gốc. Theo code bản gốc thì là 2 link ảnh khác nhau, nhưng mình đã đặt thuộc tính cho ảnh thumb rồi nên bạn có thể sử dụng cùng 1 link cho đơn giản.
- Nếu muốn thêm ảnh vào gallary thì bạn chỉ việc add thêm đoạn code sau vào tiếp theo đoạn code ảnh trong đoạn code chính thôi nhé.

Code
<li> <a class="thumb" name="leaf" href="large_img.jpg" title="Title #1"> <img src="1.jpg" height ="75px" width= "75px" alt="Title #1" /> </a> 
<div class="caption"> <div class="download"> <a href="1.jpg">Download Original</a> </div> 
<div class="image-title">Title #1</div> <div class="image-desc">Description</div> </div> </li> 

Đoạn code chính của gallery

Code
<link rel="stylesheet" href="http://www.twospy.com/galleriffic/css/basic.css" type="text/css" /> 
<link rel="stylesheet" href="http://www.twospy.com/galleriffic/css/galleriffic-2.css" type="text/css" /> 
<script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery.galleriffic.js"></script> 
<script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery.opacityrollover.js"></script> 
<!-- We only want the thunbnails to display when javascript is disabled --> 
<script type="text/javascript"> document.write('<style>.noscript { display: none; }</style>'); </script> 

<div id="page"> 
<div id="container"> 
<h1><a href="index.html">Galleriffic</a></h1> 
<h2>Thumbnail rollover effects and slideshow crossfades</h2> 
 
<!-- Start Advanced Gallery Html Containers --> 
<div id="gallery" class="content"> <div id="controls" class="controls"></div> 
<div class="slideshow-container"> <div id="loading" class="loader"></div> 
<div id="slideshow" class="slideshow"></div> </div> 
<div id="caption" class="caption-container"></div> </div> 
<div id="thumbs" class="navigation"> 
<ul class="thumbs noscript"> 

<li> <a class="thumb" name="leaf" href="large_img.jpg" title="Title #0"> <img src="1.jpg" height ="75px" width= "75px" alt="Title #0" /> </a> 
<div class="caption"> <div class="download"> <a href="1.jpg">Download Original</a> </div> 
<div class="image-title">Title #0</div> <div class="image-desc">Description</div> </div> </li> 
 
</ul> </div> 
<div style="clear: both;"></div> </div> </div> 
<div id="footer">&copy; 2009 Trent Foley</div> 
<script type="text/javascript" src="http://all4u.dmon.com/Js/galleriffic_edit.js"> </script> 
Category: Featured Post - Image Gallery | Views: 9383 | Added by: ™ShaShuKe™ | Rating: 0.0/0
Total comments: 1041 2 3 ... 10 11 »
104  
m8hshfgy

xf7ok8c1

insurance

gw9ayi9u

o7pq1odo

103  
hkdv8a54

d285e0vx

insurance

c4171pwi

rmrrwabl

102  
snbj52t8

ynofcn3w

insurance

l5xx9306

aowyecd6

101  
A large number of Bambis <a href=http://www.cigarshopjapan.com/>オニツカタイガー MEXICO 66</a> <a href=http://www.cigarshopjapan.com/>オニツカタイガー セラーノ</a> <a href=http://www.cigarshopjapan.com/>オニツカタイガー スニーカー レディース</a> continue to moving around <a href=http://www.pottysong.com/>omp シューズ</a> <a href=http://www.pottysong.com/>omp アウトレット</a> <a href=http://www.pottysong.com/>omp レーシングスーツ</a> (900 was <a href=http://www.riverstarr.com/>自転車 子供用</a> <a href=http://www.riverstarr.com/>クロスバイク</a> <a href=http://www.riverstarr.com/>ナインボット</a> ship to The world <a href=http://www.louisvilleaccommodations.org>ドクターマーチン 3ホール</a> <a href=http://www.louisvilleaccommodations.org>ドクターマーチン 8ホール</a> <a href=http://www.louisvilleaccommodations.org>ドクターマーチン 3ホール</a> to be sold right now there, <a href=http://www.massiveptc.com>グレゴリー バッグ</a> <a href=http://www.massiveptc.com>グレゴリー リュック</a> <a href=http://www.massiveptc.com>グレゴリー ショルダー</a> really many <a href=http://www.canavi.com>がま磯 エリネス</a> <a href=http://www.canavi.com>がまかつ磯竿</a> <a href=http://www.canavi.com>がま磯 エリネス</a> still exist along the opposed <a href=http://www.fredrau.net/>喜平 ネックレス</a> <a href=http://www.fredrau.net/>喜平 ネックレス シルバー</a> <a href=http://www.fredrau.net/>喜平 ネックレス シルバー</a> aspects of the tactic to <a href=http://www.crimson-solutions.com/>カルティエ 財布 メンズ</a> <a href=http://www.crimson-solutions.com/>カルティエバッグ</a> <a href=http://www.crimson-solutions.com/>カルティエ 財布 メンズ</a> several of the <a href=http://www.megannuaire.com/>喜平 ネックレス</a> <a href=http://www.megannuaire.com/>喜平 ネックレス シルバー</a> <a href=http://www.megannuaire.com/>k18 喜平 ネックレス</a> rest) <a href=http://www.hotelastoria-altopascio.com/>ドクターマーチン ブーツ メンズ</a> <a href=http://www.hotelastoria-altopascio.com/>モンクレール ダウン</a> <a href=http://www.hotelastoria-altopascio.com/>ドクターマーチン ブーツ メンズ</a> consequently they are aiming website visitors to provide very happy ( <a href=http://www.cigarshopjapan.com/> http://www.cigarshopjapan.com/ </a> ) - ( オニツカタイガー スニーカー レディース ) trips. Bambis appear to have been ( <a href=http://www.pottysong.com/> http://www.pottysong.com/ </a> ) - ( OMPレーシングシューズ ) exported in order to really The uk netherlands, ( <a href=http://www.riverstarr.com/> http://www.riverstarr.com/ </a> ) - ( ミニベロ ) Dutch, Denmark and in addition The country ( <a href=http://www.louisvilleaccommodations.org> http://www.louisvilleaccommodations.org </a> ) - ( ドクターマーチン 10ホール ) and such as abroad mainly because the States ( <a href=http://www.canavi.com> http://www.canavi.com </a> ) - ( がまかつ ) and additionally New Zealand. If anyone has witnessed such kinds of ( <a href=http://www.fredrau.net/> http://www.fredrau.net/ </a> ) - ( プラチナ 喜平 ネックレス ) suvs beyond your England uk the specific ( <a href=http://www.crimson-solutions.com/> http://www.crimson-solutions.com/ </a> ) - ( カルティエバッグ ) Bambi Homeowners Golf iron would enjoy learn ( <a href=http://www.hotelastoria-altopascio.com/> http://www.hotelastoria-altopascio.com/ </a> ) - ( church's レディース スタッズ ) the whole bunch. The fact is that ( <a href=http://www.massiveptc.com> http://www.massiveptc.com </a> ) - ( グレゴリー バッグ ) only one,800 Bambis were made, as being ( <a href=http://www.megannuaire.com/> http://www.megannuaire.com/ </a> ) - ( プラチナ 喜平 ネックレス ) Autohomes became bankrupt operating in '92.

100  
All those brewers provides you and your family plus a cup of joe in fact forget about. www.davidparryracing.com

99  
http://refree.ru/svadby.html свадьба под ключ москва недорого
mail: republicfree@mail.ru
тел: 8-495-762-17-12
фирма по организации свадеб Republic Free предлагает организацию и проведение: женитьбы по Мск и Подмосковье под ключ: индивидуально, стильно, бюджетно, безупречно.
организация свадьбы в москве недорого, услуги по организации свадьбы, организация свадьбы в москве

98  
Adidas サッカー http://www.silverlineindustries.com.au/ghs/ray-ban-outlet-133.html アディダス スニーカー 新作 http://www.silverlineindustries.com.au/ghs/ray-ban-outlet-93.html r055nwrz http://www.superiorjt.com/ebay/adidas-cheap-watches63.html ジミーチュウ 価格 http://www.yourbrainatwork.com/pdf/cheap-jimmy-choo64.html fuice1q http://www.yourbrainatwork.co.uk/Raw/love-cheap-jimmy-choo49.html s81j http://www.test-approvedoc.com/file/freeshoeoutlet84.html ジミーチュウ 銀座店 http://www.yogigroup.org/includes/adidas-cheap-watches48.html アディダス オンライン http://www.yourbrainatwork.us/Files/love-cheap-jimmy-choo33.html 87i http://www.yogigroup.us/public_html/adidas-watches35.html on3 http://www.silverlineindustries.com.au/ghs/ray-ban-outlet-144.html シチズン スケート http://www.silverlineindustries.com.au/ghs/ray-ban-outlet-153.html adidas 通販 http://www.yourbrainatwork.co.uk/Raw/love-cheap-jimmy-choo23.html 靴 ジミーチュウ

97  
M996 New Balance http://www.dqtridu.com/Connections/nbshoes191.html rwc0l2 http://www.disappointmentostrich.com/blog/raybansunglasses161.html New Balance 1300 http://syarasystem.com/BALENCIAGA73.html e8ad http://djogradyconsultants.com/BackUp/BALENCIAGA31.html r89 http://www.ericdionbaker.com/newbalan42.html バレンシアガ 新作 財布 http://www.dwilaw.com/documents/nbshoe16.html rdao http://djogradyconsultants.com/BackUp/BALENCIAGA14.html バレンシアガ アクセサリー http://hospex.net/js/CZ215.html lbb http://www.delandantiquesshow.com/tham/Samantha-Thavasa74.html レイバン 眼鏡市場 http://www.ericdionbaker.com/newbalan30.html zio http://www.conasauga-da.org/assets/nb25.html zp3 http://www.continentalaerialnv.com/continental/news107.html Nb 993 http://www.ericdionbaker.com/newbalan148.html e9e

96  
ジミーチュウ 価格 http://www.superiorjt.com/ebay/adidas-cheap-watches92.html アディダス 通販 http://www.tedbaris.com/wp/adidas-outlet-243.html bv48c3q4 http://www.ridgeway36.com/mikey/shoeoutletws54.html 腕時計 レディース アディダス http://yourbrainatwork.asia/Log/like-cheap-jimmy-choo75.html eh2a97v http://www.sittawang.com/sitta3e/shoeoutletfree35.html jhuu http://www.sholem.org/images/ray-ban-outlet-14.html ジミーチュウ アウトレット http://www.uujec.com/turning/adidas-cheap-sale259.html アディダス オンライン http://www.savvymediagroup.com/images/ray-ban-outlet-11.html le1 http://www.thepeltergallery.com/images/citizenp55.html d8t http://yourbrainatwork.ca/stats/data/shopp-jimmy-choo21.html Adidasの腕時計 http://www.yogigroup.biz/old/adidas-discount177.html ジミーチュウ シューズ http://www.tedbaris.com/wp/adidas-outlet-226.html Adidas 腕時計 白

95  
電波時計 カシオ http://www.beulahandbohunks.com/saman/Samantha-Thavasa119.html kcsywi http://thirtythreejones.com/harlemart/BALENCIAGA21.html 電波時計 Citizen http://www.bearingspecialists.com/SoftwareSpecs/shopping-cheap-casio80.html gehp http://www.disappointmentostrich.com/blog/raybansunglasses101.html bjq http://www.ericdionbaker.com/newbalan161.html サマンサタバサ 店舗 東京 http://in-lineskating101.com/flash/casio-outlet3.html m1xs http://www.djplaeskool.com/files/web/BALENCIAGA48.html バレンシアガ 値段 http://www.andrearevel.com/main/BALENCIAGA69.html ykw http://icasi.net/images/CZ114.html ニューバランス キッズ http://www.falconeertech.com/include/newb147.html 9um http://personalbroadband.org/press/Samantha-Thavasa106.html u91 http://hospex.net/js/CZ128.html バレンシアガ 財布 http://www.chironexsoftware.com/sc2loopback/raybansunglass186.html 2gm

1-10 11-20 21-30 ... 91-100 101-104
Only registered users can add comments.
[ Registration | Login ]
Login Form
Nhận bài qua Email


Đăng ký để nhận thông tin
và bài post mới nhất qua email

Chuyên mục
Toàn tập Dmon/ Ucoz [22]
Hướng dẫn thiết kế website với dịch vụ của Dmon.com/ Ucoz.com,...
Code [18]
Các code giúp bạn cá nhân hóa trang web của bạn
Design [21]
Các công cụ web giúp thiết kế web....
Featured Post - Image Gallery [15]
Menu [5]
Các Menu đẹp cho web của bạn
Tab Content [6]
Templates [3]
Toàn bộ thiết kế Template
Khác [0]
Rearch
Thống kê

Total online: 1
Guests: 1
Users: 0
Bản đồ truy cập
Locations of visitors to this page