Hey guys, Working on a portfolio site using a great open source code for full screen, autosizing image slideshow. It's working great as a simple slideshow, and don't get me started on how it looks on IE. (that is whole other kettle of dead things.)

My issue is that it would be great to set each image slide to it's own URL that is reflected in the address bar as well. Or is there a good way to set up a slideshow of html pages that works similarly?

This is the guy who developed the code we modified: http://dev.andreaseberhard.de/jquery/superbgimage/

It's great, just all in german...

any tips?

Thanks so much!

1 answer

0
points

If you are okay with a slight increase in loading time/responsivity and occasional flickering you could separate all those cases in the left menu to HTML-pages and just slide-in the when the page (and image) has finished loading. This is my recommendation because you get a fully functional URL for users and search engines.

This could be done with a simple onLoad-event that fires as soon as the page has finished loading (example with jQuery):

(function($){
     // Load a specific image with superbgimage
   })(window.jQuery);

If you don't want to do that, because "superbgimage" is in JavaScript you'll have to add a hash (ie #image1, preferably something more descriptive) with each image change, this can be done manually or by using this plugin: http://plugins.jquery.com/project/history. Either way, if "superbgimage" module doesn't support those things, you'll have to modify it or configure it to use your own history plugin.

Answered about 6 years ago by Jens Hedqvist