こんにちは、私はこのようにライトボックスを使用しています:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="lightbox/js/lightbox.js"></script>
<link href="lightbox/css/lightbox.css" rel="stylesheet" />
<title></title>
</head>
<body>
<a href='http://polishwords.com.pl/images/logo179x24.png' rel="lightbox[roadtrip]"><img src="http://polishwords.com.pl/images/logo179x24.png" /></a>
<a href='http://polishwords.com.pl/images/logo179x24.png' rel="lightbox[roadtrip]"><img src="http://polishwords.com.pl/images/logo179x24.png" /></a>
<a href='http://polishwords.com.pl/images/logo179x24.png' rel="lightbox[roadtrip]"><img src="http://polishwords.com.pl/images/logo179x24.png" /></a>
</body>
</html>
ライブデモ: http://polishwords.com.pl/grono/fb_dragchallenge2/test.html
そして、画像をクリックするとギャラリーが表示されますが、画像1/3ではなく画像3/3です。最後の画像ではなく最初の画像を表示するには?
私はこれを使用します: http://lokeshdhakar.com/projects/lightbox2/