Note that there are some explanatory texts on larger screens.

plurals
  1. POBlueimp gallery with both images and youtube video
    primarykey
    data
    text
    <p>This is the software I am using: <a href="https://github.com/blueimp/Gallery" rel="noreferrer">https://github.com/blueimp/Gallery</a></p> <p>When I click on a thumbnail that link to the video I get the error sign.</p> <p>This is my HTML:</p> <pre><code>&lt;div id="gallery"&gt; &lt;!-- main image --&gt; &lt;ul class="thumbnails"&gt; &lt;li class="span12 margin-bottom-0"&gt; &lt;a class="thumbnail center-all" href="http://i.imgur.com/mdqQTPT.jpg" style="max-height: 375px; width: 375px;" data-gallery&gt; &lt;img src="http://i.imgur.com/mdqQTPT.jpg" class="main-image"&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- other images / video --&gt; &lt;ul class="thumbnails"&gt; &lt;li class="span6"&gt; &lt;a class="thumbnail center-all" href="https://www.youtube.com/watch?v=zv9jHNwaV2E" style="height: 185px; width: 185px;"&gt; &lt;img src="http://i.imgur.com/mdqQTPT.jpg" class="additional-image"&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p></p> <p>I've created a JSFiddle: <a href="http://jsfiddle.net/HhU4K/" rel="noreferrer">http://jsfiddle.net/HhU4K/</a></p> <p>When I manually enter some data to feed to blueimp, the youtube video works fine (example: <a href="http://jsfiddle.net/HhU4K/1/" rel="noreferrer">http://jsfiddle.net/HhU4K/1/</a> EDIT: this works on my localhost but seems to just show the spinning icon on JSFiddle for me. Hope you guys are able to see the video and not just the spinning indicator.) </p> <p>When I add a youtube video link to the <code>href</code> of the <code>&lt;a&gt;</code> tag it does not work. Any idea what I'm doing wrong?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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. This table or related slice is empty.
 

Querying!

 
Guidance

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