Databases
StackOverflow2013
Postsdbo
POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
    primarykey
    data
    text
    <p>I have grown to really like this fullscreen HTML5/jQuery slideshow:</p> <p><a href="http://eikes.github.com/jquery.fullscreen.js/" rel="nofollow">http://eikes.github.com/jquery.fullscreen.js/</a></p> <p>As with most lightbox/gallery slideshows, a set of thumbnails is displayed and the user is able to click any of them to start the slideshow. The set of thumbnails equals the number of images that will be displayed in the slideshow.</p> <p>Is it possible to <strong><em>not</em></strong> display the thumbnails at all? Can I just display a <strong><em>single</em></strong> text link that starts the slideshow?</p> <p><a href="http://lokeshdhakar.com/projects/lightbox2/" rel="nofollow">Lightbox 2</a>'s markup looks like this:</p> <pre><code>&lt;a href="images/image-1.jpg" rel="lightbox[roadtrip]"&gt;image #1&lt;/a&gt; &lt;a href="images/image-2.jpg" rel="lightbox[roadtrip]"&gt;image #2&lt;/a&gt; &lt;a href="images/image-3.jpg" rel="lightbox[roadtrip]"&gt;image #3&lt;/a&gt; </code></pre> <p>It is similar to the "<a href="http://eikes.github.com/jquery.fullscreen.js/" rel="nofollow">jQuery HTML5 Fullscreen Slideshow</a>" I mentioned earlier. It looks like I can easily have text-only links by just putting text inside the anchor tag, instead of the usual <code>img</code> tag that displays the thumbnail.</p> <p><em><strong>Now for the real question:</em></strong> Can I hide the other two links and just display one? That way a single link is displayed, but the slideshow still pulls up three images. I thought about just using css by putting <code>display:none</code> on the links, but it didn't seem like the right thing to do. There are other ways of visually hiding it with css, but I thought maybe there would be a better way with javascript. I am not that experienced with javascript, unfortunately. </p> <p>Here is my <a href="http://test.davewhitley.com/not-wp/html5fullscreen/" rel="nofollow">testing site</a> running the <a href="http://eikes.github.com/jquery.fullscreen.js/" rel="nofollow">jQuery HTML5 Fullscreen Slideshow</a>. For some reason, it requires an <code>img</code> within the anchor tag to initialize the slideshow.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USdavecave
    1. USdavecave
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
      1. USdavecave
      1. VTBountyStart
    2. VO
      singulars
      1. POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou need to extend your current javascript. Show only one slide hiding others with jQuery `css()`
      singulars
      1. POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
      1. USGabriel Santos
    2. COSo I would add css to the links that I wanted to hide via jQuery? Would I put something like `display:none` on those links? Also, how would I write this out?
      singulars
      1. POHide thumbnails for fullscreen HTML5 jQuery slideshow (text-only link to initialize slideshow)
      1. USdavecave
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload