Viewing 6 posts - 1 through 6 (of 6 total)
-
Posts
-
Hey!
I’m facing troubles to make a custom html element (Lightbox) reponsive in layer slider !
Here’s my code:
<a><img src="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" alt="Qualistream Video" /></a>The image’s size is 640x370px
Any tips about how making this responsive ?
rsonrier
`<a style=” href=”http://www.youtube.com/watch?v=b6mSKONWmZo” rel=”prettyPhoto” title=”QualiStream Overview”><img src=”wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg” alt=”Qualistream Video” /></a>’
Hi,
The reason you are having problems is that you forgot to add the lightbox.
Here is the code for image
<a href='wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg data-rel="gallery-1" data-prev-img="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" class="first_thumb lightbox" data-onclick="1" title="Global Anglais" rel="lightbox[gallery-1]">
<img src="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" title="Global Anglais" alt="Global Anglais">
</a>and here is for video.
<a href="http://www.youtube.com/watch?v=b6mSKONWmZo" data-rel="gallery-1" data-prev-img="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" class="first_thumb lightbox" data-onclick="1" title="Global Anglais" rel="lightbox[gallery-1]">
<img src="image for youtube" title="Global Anglais" alt="Global Anglais">
</a>This is built into the theme. I am not sure why you are adding it manually.
Thanks,
Nick
Hi Nick, I finaly solve my problem by using this code :
<a href="http://www.youtube.com/watch?v=b6mSKONWmZo" rel="prettyPhoto" title="QualiStream Overview"><img src="wp-content/uploads/2013/07/schema-global_vf-Anglais.jpg" alt="Qualistream Video" /></a>Thanks for your help
Viewing 6 posts - 1 through 6 (of 6 total)
- The topic ‘Lightbox Element not responsive in LayerSlider’ is closed to new replies.