1

私は、このフルスクリーンの HTML5/jQuery スライドショーが本当に好きになりました。

http://eikes.github.com/jquery.fullscreen.js/

ほとんどのライトボックス/ギャラリー スライドショーと同様に、一連のサムネイルが表示され、ユーザーはそれらのいずれかをクリックしてスライドショーを開始できます。サムネイルのセットは、スライドショーに表示される画像の数と同じです。

サムネイルをまったく表示しないようにすることはできますか? スライドショーを開始するテキスト リンクを1 つだけ表示することはできますか?

Lightbox 2のマークアップは次のようになります。

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

先ほど紹介した「 jQuery HTML5 Fullscreen Slideshow 」に似ています。imgサムネイルを表示する通常のタグの代わりに、アンカータグ内にテキストを入れるだけで、テキストのみのリンクを簡単に作成できるようです。

本当の質問:他の 2 つのリンクを非表示にして、1 つだけを表示することはできますか? この方法ではリンクは 1 つしか表示されませんが、スライドショーでは 3 つの画像が表示されます。リンクを貼るだけでcssを使うことも考えたdisplay:noneうまくいきません。css で視覚的に隠す方法は他にもありますが、javascript でもっと良い方法があるのではないかと思いました。残念ながら、私はJavaScriptの経験がありません。

これは、 jQuery HTML5 Fullscreen Slideshowを実行している私のテスト サイトです。何らかの理由で、スライドショーを初期化するにはアンカー タグ内に が必要です。img

4

1 に答える 1

0

あなたはすでにjQueryを持っているので、そのhide()機能を使用してみませんか: http://api.jquery.com/hide/ イベントの表示の開始と停止にフックできるように見えるので、それらが表示されないことが問題である場合は、次のことができますそれぞれ非表示と非表示。

display: noneただし、インライン css または css ファイルを介して、アンカーで使用できない理由はありません。これは完全に合理的に思えます。

于 2012-05-22T07:43:45.710 に答える