eikes / jquery.fullscreen.js Goto Github PK

I would like to display text only for the link that initializes the gallery.

Is there any way of bypassing the img content requirement for the anchor tag?

remove height: 1em from
#fs-loader { top: 50%; left: 50%; height: 1em; margin-top: -1em; margin-left: -75px; display: none; }
it cause border breaking of the container like this https://imgur.com/a/so3Be

Also line-height: 1.0em; in #fs-caption is a problem if the caption is long enough and take 2 or more rows, line-height: 1.5em; works fine for me

IMHO this issue can be fixed by calling updateSlideSize(newSlide) from changeSlide-Function.

I am looking for the javacript function to start the slideshow by clicking on a specific link on my page. The only way to start the slideshow with the default settings is to click on one of the pictures.

I tried to play with the #fullscreenSlideshowContainer events with no success...

jQuery(document).ready(function(){

jQuery('a#slideshow').click(function() {
    $container = jQuery('#fullscreenSlideshowContainer'); 
    $container.show();
return false;
});

});

Thank you,

Nikolaii.

I'm having an issue in IE8 where when I click on an image to go into fullscreen, it brings up the black screen along with ui controls but wont show an image until moving to the next and going back to the original screen, or hitting the prev button and then going forward one. It is like this for all images in the gallery, so if i continued to only click next, I would have a black screen on every slide. Since images appear when going back, my guess is that it just isn't being inserted at the time of clicking, maybe it's inserted after the next click event?

For Safari and other browsers that don't support fullscreen:

It seems that once the gallery is initiated, the user can scroll throughout the page. This isn't a big deal, but when the user scrolls down and then clicks on the link to initiate the gallery, the user sees half of a gallery because the gallery is positioned to the very top of the page (top:0).

Hi all.

for a full w3c validation, you have to change, on the html tags rel="galery"
by rel="data-gal"
And in JS (jquery.fullscreenslides.js)
after :
var link = $(this).parents("a")[0];
Put :
link.rel = $(this).parents("a").attr('data-gal');

and all is ok for w3c validation after that.

Have a good day all.

( i m not verry good in JS and that s the solution i find ^^)

I noticed that if you include an inline img tag anywhere in the HTML, then the functionality breaks. If you click on the gallery, the javascript does not run, and it just simply links to the raw .jpg. In order for the functionality to break, the img must not be wrapped in an anchor tag. For example:

Doesn't break functionality:

<a><img src="images/randomimage.jpg"/></a>

Breaks functionality:

<img src="images/randomimage.jpg"/>

The img tag can be located anywhere in the document, and it can be totally unrelated to the fullscreen gallery. This is problematic for blogs with lots of images, or if you have another image unrelated to the gallery somewhere on the page (a logo for example).

Any help would be appreciated.