StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>No need to speak down to - everyone starts somewhere. As for showing your other images, the way the colorbox plugin is setup on your page is like so (pseudocode):</p> <pre><code>for all links that contain an image { if the link is to an image { if the image has a CSS class of "colorbox-[0-9]+" { group it with all other images with the same CSS class } if the image has a CSS class of "colorbox-manual" or no CSS class { don't group it with any other images } } } </code></pre> <p>Looking at your page I see two problems:</p> <ol> <li>Your one image link has the CSS class "colorbox-manual".</li> <li>There's only one link on your page that meets the above criteria :)</li> </ol> <p>The easiest way to fix it would be to add the other 4 images to your post so they show up as thumbnails, however I suspect this isn't what you want. As a hack, what you could do is add the other 4 images and then give them all a <code>display: none</code> style. That way the colorbox plugin would find them and group them with you main image, but not actually show the thumbnails on the post. </p> <p>Something like this for the four images:</p> <pre><code><a href="image1.jpg" style="display: none;"><img src="image1-thumb.jpg" /></a> <a href="image2.jpg" style="display: none;"><img src="image2-thumb.jpg" /></a> <a href="image3.jpg" style="display: none;"><img src="image3-thumb.jpg" /></a> <a href="image4.jpg" style="display: none;"><img src="image4-thumb.jpg" /></a> </code></pre> <p>If that doesn't work, check in your markup for the <code>class</code> that the colorbox plugin adds to your images. It should be in the form <code>colorbox-[0-9]+</code> (i.e. <code>colorbox-123</code>).</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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