HTML5 Slideshow plugin

[ron4mac]

Updated version of slideshow plugin for CPG1.6.x only.
See CPG 1.5 version

Update: Version 1.4.4, 2018 Oct 4
  Correct issue causing failure to create new albums when using mySQL 5.7

Update: Version 1.4.5, 2019 Jun 23
  Respect gallery configuration image view settings for unlogged users.

Update: Version 1.4.6, 2019 Jun 24
  Begin slideshow with selected image.

[ron4mac]

The HTML5 Slideshow plugin has been updated to be able to play some videos (within the capabilities of the particular web browser) as part of the slideshow.
Also, touch/swipe action has been improved; including swipe up/down to go to beginning/end of show.

[sharpo]

Just replaced the version in my 1.6 test and the up and down swipe will obviously be useful, and appears to work well. Very good!!

One question, if you start browsing intermediate images in a gallery (I'm using my mobile at the moment) and get to, say, the 4th image, then click the HTML5 slideshow button, it starts at the first image. Would it be possible to start it at the intermediate image you are viewing instead?

Sharpo.

[ron4mac]

Would it be possible to start it at the intermediate image you are viewing instead?

That's been requested before along with exiting the slideshow to the current image. Both are problematic, but I'll look into it again when I have time.

[sharpo]

That's been requested before along with exiting the slideshow to the current image. Both are problematic, but I'll look into it again when I have time.

Thanks for reply.

Hope I'm not being too annoying coming up with these little things that cross my mind, but I have set up mine to display the intermediate image - which is adequate for a mobile phone and reduces data use, but if viewing on a tablet the intermediate image does look rather small. What would be useful is if there was an option for the person viewing to select intermediate or full-size, according to the device they are using, or if it detected automatically as with theme switch to display according to whether mobile or tablet/pc being used.

Sharpo.

[sharpo]

A problem I've just noticed. Viewing my 1.6 test site on a tablet and using the plugin, if there is a title or description - it cuts off the top of the image. I only noticed it because my copyright was disappearing on some images and not others, as the image was not moving down the page to accommodate any lines of text, the title or description.

http://www.sharpo.co.uk/cpg16test/index.php

Sharpo.

[ron4mac]

Viewing my 1.6 test site on a tablet and using the plugin, if there is a title or description - it cuts off the top of the image.

The text area (title/description) should be a partially transparent background with the new version. You may need to reset the text area background color for the opacity to get set. I could probably make it an option to overlay the text at the top of the image (or not). The reason for the change is because I don't like the inconsistent position of the image depending on whether there is and how much text.

You seem to like small sized images in your gallery.

[sharpo]

Ron, I know what you mean about the image jumping up and down according to lines of text, I don't like that either.

I have now set it to show the fullsize image without text, which makes it much better if using a tablet or pc - but a bit of overkill if using a mobile, as image has to be shrunk so much and of course much higher data usage.

I don't know if it's the same on all mobiles, but I can get an image to fill the screen more on a mobile with lightbox than with this plug in, as the browser bar etc. will not hide, which can be done with lightbox if you "stretch" the image.

I have to admit to being rather confused as to which option to choose, - such as show text or not, intermediate or fullsize - but I think the swipe left/right/up/down function is great for mobiles.

A confused Sharpo!

[sharpo]

Looking at the options, I tried displaying in new pop-up window - and it looked very good. Then when I tried a different album I could not get it to go full screen, it did not appear to be in a pop-up window and had the url box etc showing above it. I'm using chrome at the moment on my mobile, as Firefox has really gone mad since I added a film strip.

After much messing, I did get it to go in a pop-up window again, but only by resetting the pop-up option to "off", the giving it a "tick" and trying it again. Leaving the settings as they are, the pop-up refuses to work.

Tried it with chrome on tablet. Above the image there are 6 little icons plus the one for pop-up window, but on the mobile there are only 4 icons and nothing for pop-up. I have also tried the mobile with the normal setting as well as the mobile setting. The thumbnail columns change between 2 and 4 as appropriate, but pop-up refuses to work.

Think I need a good night's sleep Ron!!

Sharpo.

[sharpo]

Sorry, just noticed, as long as tablet is sideways the pop-up option is there, turn it vertical and it's gone.

I really am finished for the night now!!!

Sharpo.

[sharpo]

Should the view count increase when viewing images with the slideshow? I was just viewing an album on my tablet and if the view count did alter, it was not by the number of images I looked at.

Sharpo.

[ron4mac]

Should the view count increase when viewing images with the slideshow?

It does not update the view count of any images in the slideshow. The slideshow mechanism takes place in javascript on the client browser. There is little way for the server to know that any particular image was actually viewed.

[sharpo]

It does not update the view count of any images in the slideshow. The slideshow mechanism takes place in javascript on the client browser. There is little way for the server to know that any particular image was actually viewed.

Never mind, but it has always been interesting to see which photos in the galleries have been of most interest to visitors.

[sharpo]

Now that MiniCMS is ready for 1.6 I have been closer to upgrading some other galleries, one being my 1.5test gallery. As it was several months ago that I first set up a 1.6 test I had forgotten much of what I had been doing, and couldn't work out why the slideshow text was overwriting the image on 1.6 but not 1.5.

Then searching pointed me to this topic (long forgotten) and it all came back to me!! Is there any way to get the text to display below the image? That way the image wouldn't "jump" up and down depending on length of title/description. Just a thought!

[ron4mac]

See above ..

You may need to reset the text area background color for the opacity to get set.

You need to be using the latest version, but once you get the text background color reset, the text should overlay the image rather than force the image down.

I think there are too many issues with the text positioned below varying height images.

[sharpo]

Just wondering if there was a .php file I could play with that would enable me to position the text below the image.

Attached are some images that show how it looks. Not too bad on a desktop screen as the text is small, but with a mobile the text overpowers the image. Slideshow is better but a link to video doesn't work, just shows as text. I'm sure you'll understand my concerns. I think I've attached the images correctly.

[sharpo]

Only 1 photo attached, will try the others

[ron4mac]

You can try this:

In the plugin file fullSlide.php, at line 81, change this:

Code Select Expand

div#ptext { background-color:<?=$dcolors[2]?>; color:<?=$dcolors[3]?>; font-size:<?=$fntSize?>; position:absolute; z-index:9; }
to this: (adding bottom: 0)

Code Select Expand

div#ptext { background-color:<?=$dcolors[2]?>; color:<?=$dcolors[3]?>; font-size:<?=$fntSize?>; position:absolute; z-index:9; bottom: 0; }


[sharpo]

Just tried it on desktop computer after making the edit, then thought I must have title and description turned off as couldn't see it below the image. Checked settings and it should be showing, looked back again an it's at the very bottom of the screen, not immediately below the image.

http://sharpo.co.uk/cpg16test/index.php?cat=2

If you follow above link you'll see what the slideshow does now.

[ron4mac]

Sorry, Sharpo ... it's just not going to work that way as currently designed. There is too much architecture in the background that loads the images in a way that minimizes loading delays. And text that moves up and down with images that are not all the same height is distracting to me. I'd rather always have to look at the same spot to read text that goes with the images ... especially with a playing slideshow.