アプリ版：「スタンプのみでお礼する」機能のリリースについて

Ajax LightBoxを使用したサムネイルの画像表示

解決済

  • 質問者：yukafuka
  • 質問日時：
  • 回答数：2件

LightBoxを使用してサムネイルを表示し、
クリックすると大きな画像が表示されるようにしました。

サムネイルの画像が増えてくると
横いっぱいまで画像が増えてしまい、
それ以上になると下の段にずれます。

これをHTMLのTableみたいに
横のサムネイル枚数を制限できないでしょうか？

仮に横に5枚と指定した場合は
6枚目が下の段にいくような感じです。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： talepanda
  • 回答日時：

result += '<a href="photo/'+list[i]+'" rel="lightbox[flower]" title=""><img src="thumbnail/'+list[i]+'"></a>';



を

result += '<a href="photo/'+list[i]+'" rel="lightbox[flower]" title=""><img src="thumbnail/'+list[i]+'"></a>'+((i%5==0&&i!=0)?"<br/>":"");

でどうでしょうか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

1行目だけ6枚になってしまいましたが、
他の行は5枚にできました。

ありがとうございました。
感謝しております。

通報する
お礼日時：2006/09/04 11:31

No.1

  • 回答者： talepanda
  • 回答日時：

＞仮に横に5枚と指定した場合は


＞6枚目が下の段にいくような感じです。

そうなるようなhtmlを書けばいいだけだと思いますが・・・

具体的なコードを提示してくれれば、もう少しコメントできると思いますけど。
    • good
    • 0
    • 件
通報する
この回答へのお礼

コードはこれです。


<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Lightbox JS Tv 4</title>
<link href="css/default.css" rel="stylesheet" type="text/css">
<link href="css/lightbox.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript"><!--
window.onload = function ()
{
var url = "getfilelist.cgi?cache="+(new Date()).getTime();
new Ajax.Request(url, { method: "get", onComplete:printTag });
}
function printTag(httpObj)
{
var LF = String.fromCharCode(10);
var list = httpObj.responseText.split(LF);
var result = "";
for (var i=0; i<list.length-1; i++)
{
result += '<a href="photo/'+list[i]+'" rel="lightbox[flower]" title=""><img src="thumbnail/'+list[i]+'"></a>';
}
$("slide").innerHTML = result;
initLightbox();
}
// --></script>
</head>
<body>
<h1>Lightbox JS Sample 4</h1>
<div id="slide"></div>
</body>
</html>


そうなるようなhtmlがわからないんです。

通報する
お礼日時：2006/09/02 00:58

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報