Page 1 of 2

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 2:03 pm
by infos
the whole project is there with all files, including Untitled1.wbs

you can save all the files from that folder and see what is wrong...

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 2:04 pm
by Adendum
Ah, OK, didn't see that. Will take a look now.

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 2:14 pm
by Adendum
OK, the problem is pretty simple.

Look in 03- General Settings.
There is a property that is required to be completed - SCREEN SIZE. This is the property that uses the aforementioned xsl file. If you don't complete it the extension can't write the correct code.

Click into the property, click ADD, select Normal or Fullsize (you probably want Normal for this page). If you select Fullsize you need to populate the next property and choose Captions or Thumbs.

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 2:25 pm
by infos
Yes, indeed, now it's working without to add anything...sorry, my mistake.

thank you much for your feedback.
infos
Adendum wrote:OK, the problem is pretty simple.

Look in 03- General Settings.
There is a property that is required to be completed - SCREEN SIZE. This is the property that uses the aforementioned xsl file. If you don't complete it the extension can't write the correct code.

Click into the property, click ADD, select Normal or Fullsize (you probably want Normal for this page). If you select Fullsize you need to populate the next property and choose Captions or Thumbs.

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 2:42 pm
by Adendum
infos wrote:thanks, but thanx, does not work for me this extension...I've tried in different web browsers and I've got nothing to be displayed on the page..NADA!
OK, glad you have it working. And may I add 10 out of 10 for adding the code manually; shows initiative and persistence. However, maybe next time you try any extension and you have a problem you'll first look at what you have done...or maybe not done.

I'd say most of the extension builders here are very unlikely to release anything that requires the end user to manually tweak a page as that would make the whole reason for extension (plugins) void. If there is a working demo (as I always provide) you should expect that the extension works properly if all the instructions are followed. Sadly it's quite common for people to jump into an extension, not read the help file and maybe half complete the properties, which is very tedious for the extension builder....God only knows how Pablo copes with some of the posts he has to respond to.

So for you and other extension users may I respectfully request that before you post or email that you check your settings, read or re-read the help file, try again and then if it still doesn't work for you post something with more than 'NADA' in it. Extensions take a lot of time and effort to build and support, even writing a help file can take half a day or more, so put some effort in as well - give us some information to work with; otherwise we can't help.

End of Sermon! :shock:

:D

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 4:36 pm
by Adendum
The PDF that comes with the extension! See demo page.

And....as your page was missing some key code I would suggest you read the posts from infos and my responses as I believe you have made the same mistake.

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 4:54 pm
by Adendum
The default is set to Normal ........
Extension Builder - Camera Slideshow.xwb-1747.jpg
but for some reason that doesn't show up in WWB until you click into the property.

If you populate all the fields but do not open the Screen Size property and click ADD the extension can't write the required code. I have set this up with a default value as you can see but maybe because it is part of a dataset and the code gets written via an xsl file that it wont populate it until it's been opened. Not sure - I'll ask Pablo to comment.

Re: Camera Slideshow (FREE)

Posted: Tue May 08, 2012 5:44 pm
by Adendum
The answer is that a default setting for a dataset ( a type of property variable ) cannot have a default setting.

See post viewtopic.php?f=29&t=47671&p=239376#p239372

Re: Camera Slideshow (FREE) - minor UPDATE

Posted: Tue May 08, 2012 5:56 pm
by Adendum
08/05/12 (18:55) : Updated the Help File (pdf) to emphasise the importance of setting the screen size in the extension. See 03- General Settings > Screen Size.

Re: Camera Slideshow (FREE) - Version 1.0.0.2.

Posted: Wed May 09, 2012 5:11 pm
by Adendum
09/05/12 (18:08) : Updated extension and moved the Screen Size property to a prominent position. Help file changed.
Camera Slideshow Properties-1807.jpg

Re: Camera Slideshow (FREE) - updated 1.0.0.3

Posted: Thu May 10, 2012 11:50 am
by Adendum
@palmtop
The extension is already adaptive. Draw your extension to the size you want and add images. No matter what size the images are they will proportionally fill the shape of the extension. If you go Full Screen images are sized proportionally to the browser size and you can control landscape vs. portrait from within the extension.

Personally I would reduce the size of the 2048px images outside of WWB before you add them to the slideshow as several of those will make it hard work for the browser.

@sikhoonak
I have just uploaded a new version of the extension (version 1.0.0.3) that includes four new "Scroll To ...." transitions. You can now scroll to Left, to Right, to Top or to Bottom.

:)

Re: Camera Slideshow (FREE)

Posted: Wed Aug 29, 2012 4:43 pm
by Patrik iden
Hello, i cant get to your site http://www.aditerum.co.uk/demo/index.html or any other of your links?

Re: Camera Slideshow (FREE)

Posted: Wed Aug 29, 2012 5:16 pm
by Adendum
It's OK here but that means Sod All.

I ran a couple of PING checks using some online ping site and most of the world can reach my servers (they are in Denver, CO - I'm in London, UK) and most of them connect OK. Munchen, Cologne (Germany), Santa Clara, CA, Austin, TX, Chicago, OH (USA) and Shanghai, China all seem to be having problems though.

You could run a traceroute if you wanted to see where the packets are being dropped but I'm sure things will settle shortly. Nowt I can do from here.

Re: Camera Slideshow (FREE)

Posted: Wed Aug 29, 2012 6:24 pm
by Patrik iden
Adendum wrote:It's OK here but that means Sod All.

I ran a couple of PING checks using some online ping site and most of the world can reach my servers (they are in Denver, CO - I'm in London, UK) and most of them connect OK. Munchen, Cologne (Germany), Santa Clara, CA, Austin, TX, Chicago, OH (USA) and Shanghai, China all seem to be having problems though.

You could run a traceroute if you wanted to see where the packets are being dropped but I'm sure things will settle shortly. Nowt I can do from here.
OK, i'm in Sweden. I'l try later.

Re: Camera Slideshow (FREE)

Posted: Fri Aug 31, 2012 1:23 pm
by Adendum
Patrik iden wrote:OK, i'm in Sweden. I'l try later.
Any change at your end? Might help my server engineers if they knew your IP address.

Re: Camera Slideshow (FREE)

Posted: Fri Aug 31, 2012 2:54 pm
by Patrik iden
Adendum wrote:
Patrik iden wrote:OK, i'm in Sweden. I'l try later.
Any change at your end? Might help my server engineers if they knew your IP address.
Still no change.
can you send me your contact email adress so i can send my IP to you?
url removed
Thank you.

Re: Camera Slideshow (FREE)

Posted: Fri Aug 31, 2012 3:02 pm
by Adendum
Done

Re: Camera Slideshow (FREE) ** UPDATED **

Posted: Wed Oct 17, 2012 6:08 pm
by Adendum
17/10/12 (19:01) : Changed to an EB4 build, now uses HTML Textbox to enter text.

Note:
[a] This extension is now built using EB4 which means users of WWB7.5 or less can no longer use the new version unless they upgrade to WWB8.5.
The extension also requires the extension HTML Textbox to be installed.

All three demo pages have been updated - see 2nd slide in each demo (the Batman slides). Text is now managed by HTML Textbox.

Re: Camera Slideshow (FREE)

Posted: Mon Oct 22, 2012 4:20 am
by ColinM
Hey Paul!

Trust you are well old bean! :lol:

As always, an impressive piece of kit - will have a very good look at this! 8)

Skippy :P

Re: Camera Slideshow (FREE)

Posted: Sat Oct 27, 2012 8:21 pm
by Adendum
ColinM wrote:
Trust you are well old bean! :P
Actually I'm miffed at the moment...some bright spark cut clean through our main fibre optic cable in the street on Monday morning....and we are still waiting for a fix. The expected date of repair is Wednesday!!! I'm using my iPad in an Internet cafe for now. Lesson there is don't put all your eggs in one basket!!!

Re: Camera Slideshow (FREE)

Posted: Sat Oct 27, 2012 9:49 pm
by ColinM
:shock:

Ouch!! A definition of "bright Spark" you were previously unaware of. :roll: Idiot! Hope it's well and truly repaired now Paul! 8)

Re: Camera Slideshow (FREE)

Posted: Mon Jan 28, 2013 12:37 pm
by Adendum
palmtop wrote:Ok, perfect, I solved and now it works fine for me!
1. I wasn't aware you had a problem.

2. Your site isn't using camera slideshow.

3. Is this post therefore just a spam entry?

Re: Camera Slideshow (FREE)

Posted: Mon Jun 10, 2013 5:57 pm
by BaconFries
Please note that Adendum will not be able to answer any questions related to this extension for at least three weeks, this is due to him being away and not having access to PC for this time. As the extension was made by Adendum only he can answer your questions related to this.

Re: Camera Slideshow (FREE)

Posted: Sun Jun 16, 2013 3:51 am
by JimmyJazz
Is it possible to load 2 or 3 camera slideshows on one page?

Re: Camera Slideshow (FREE)

Posted: Sun Jun 16, 2013 12:02 pm
by BaconFries
Please note that Adendum is on vacation/holiday for at least another two so till he returns he is unable to answer

Re: Camera Slideshow (FREE)

Posted: Fri Jun 21, 2013 8:07 pm
by Adendum
JimmyJazz wrote:Is it possible to load 2 or 3 camera slideshows on one page?
Probably - have you tried that yet?

Re: Camera Slideshow (FREE)

Posted: Sun Jul 07, 2013 3:30 am
by JimmyJazz
Hi Adendum

I have just upgraded to v9 & now I'm seeing issues with jquery tabs not loading correctly.

The only extension used on the page is the camera slideshow.

I read on another thread: viewtopic.php?f=5&t=56731&hilit=JQUERY that it could be an issue with jquery versions on extensions (this is the exact same issue with page loading on my site)

When I select Jquery1.9.1 in page properties the camera slideshow no longer works.

What version jquery does the camera slideshow use?
Is it possible that an older version jquery is causing this conflict?

Re: Camera Slideshow (FREE)

Posted: Sun Jul 07, 2013 3:46 am
by JimmyJazz
Hi Adendum,

I just removed the camera slideshow from the page & the jquery tabs all load correctly.
I got the slideshow on 280+ pages now so, I was wondering if you have any plans to update the extension?

Re: Camera Slideshow (FREE)

Posted: Sun Jul 07, 2013 11:05 am
by Adendum
JimmyJazz,

Change the page properties to use jQuery 1.7.2 and it will all work again. I'll look at the extension when Pablo updates the Extension Builder to work with v9 but even so there may not be anything I can do. When the original developer created the slideshow they will have written their code using the syntax that that version operated on. As jQuery is constantly evolving some code/syntax changes, which could mean that this extension and others are only going to work on older versions of jQuery.

Re: Camera Slideshow (FREE)

Posted: Sun Jul 07, 2013 12:01 pm
by Pablo
Note that if you have upgraded your project from version 8 then the jQuery version will automatically be set to 1.7.2, so you only need to change it for new pages.

Re: Camera Slideshow (FREE)

Posted: Mon Jul 08, 2013 8:17 pm
by Adendum
Version 1.0.0.7 uploaded.

There was an error in the CSS file - missing px for the caption size.

Re: Camera Slideshow (FREE)

Posted: Wed Jul 10, 2013 11:20 pm
by BaconFries
Hi Paul the issue lies with the jQuery files used ie the following two below in red that are not compatible with jQuery 1.9.1. I am posting a url that should give you updated files that work. I tested locally using jQuery 1.9.1 and 1.7.2 with the following files
Working with 1.9.1 and 1.7.2
jquery.mobile-1.3.0.min.js, camera.js
Not
jquery.mobile.customized.min.js
camera.js

Link
http://bjorn.kuiper.nu/upload/20130407/camera.tar.gz

Hope this helps :)

Re: Camera Slideshow (FREE)

Posted: Thu Jul 11, 2013 11:11 am
by Adendum
Hey Calum,

Nice one. Where did you find those then? I'll have a play and then update later today. :) Thanks.

Re: Camera Slideshow (FREE)

Posted: Thu Jul 11, 2013 11:18 am
by Adendum
Aha...found it via Google Groups. Apparently that file has issues but he has a newer version ....camera2.tar.gz. So I'll get that and fix it. :)

Re: Camera Slideshow (FREE)

Posted: Thu Jul 11, 2013 11:22 am
by BaconFries
Found in "Google" groups, it seems that the script needs to be updated by the original author. I did a search after reading your post and it looks like this is an issue with others. So a visit to "Google" groups gave this...

https://groups.google.com/forum/#!msg/c ... iJ1GE2tWIJ

lol I never scrolled down to read the update file lol right hope this works out ...

Re: Camera Slideshow (FREE)

Posted: Thu Jul 11, 2013 3:37 pm
by Adendum
I've spent all day on this and sorry to say that the Bjorn Kuiper jQuery edits made no difference. So I don't know what you tested Calum but I couldn't get it all to work together.

I have updated to version 1.0.0.8 but it's actually the same as version 1.0.0.7 and I only did that because I ended up with another versioning mess at my end so at least I know my builder files match the current version now.

Back to the drawing board.

For the record the extensions works 100% as expected in WWB8 and the only issue remaining is that in WWB9 using jQuery 1.7.2 it wont preview and of course it wont work at all using 1.9.1.

Another day maybe!!!

Re: Camera Slideshow (FREE) *** UPDATED ***

Posted: Tue Aug 20, 2013 9:42 pm
by Adendum
Version 1.0.0.9 released to correct several missing files!

Apologies to any users that updated to 1.0.0.8 back in July....it was after my old PC died and I had a completely different folder structure. So where I thought I had linked up several files they were in fact pointing to my old PC structure - thus no files were linked. So if you tried it and couldn't get it to work that was why...me not you!

:oops: :oops: :oops:

Re: Camera Slideshow (FREE)

Posted: Tue Dec 10, 2013 2:54 pm
by Adendum
Run WWB.
Click on Tools.
Click on Extension Manager.
Click on Online Gallery>All

It's in there.

Alternatively go to the official extensions site and put CAMERA in the search. Download from there and manually install.

Re: Camera Slideshow (FREE)

Posted: Wed Dec 18, 2013 11:23 pm
by Adendum
If you see nothing then one or more properties of the extension have not been set.

It is critical that any property that is a dataset is completed; for example:-

02 - Screen Size is a dataset - so this NEEDS data in it for the extension code to populate and then work.
09 - Inset iFrames Styling is another dataset - also required if you are using inset iframes.
10 - Slider Content is the last dataset - particularly important as this is where the images etc are placed.

My guess is that you have not set the properties of section 02 - Screen Size :)

Re: Camera Slideshow (FREE)

Posted: Thu Dec 19, 2013 10:12 pm
by Adendum
The only thing I can do now is look at your project file. Email me from my support site (see sig) and I'll email you back and then you can email me your zipped project or even just the page with the extension (plus the images).

Re: Camera Slideshow (FREE)

Posted: Thu Dec 19, 2013 10:15 pm
by Adendum
Ah, one thing.............. this uses jQuery 1..7.2 not the latest jQuery. So change your page settings to use 1.7.2.

Re: Camera Slideshow (FREE)

Posted: Fri Dec 20, 2013 11:22 am
by Adendum
I would need to see the project - email me as indicated earlier.

Re: Camera Slideshow (FREE)

Posted: Mon Dec 30, 2013 1:58 am
by ColinM
Great work Paul - love it mate! 8)

Re: Camera Slideshow (FREE)

Posted: Mon Dec 30, 2013 1:59 pm
by Adendum
Adendum wrote:I would need to see the project - email me as indicated earlier.
David,

Thanks for the project file. You have TWO issues with the index page:-

1. You have HTML code between the head tags that you appear to have added from a Camera Slide Show page. You do not need to add this code to any page using the extension as the extension will handle that for you. So remove all of it. e.g.:

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all' />
<script type='text/javascript' src='scripts/jquery.min.js'></script>
<script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script> 
<script type='text/javascript' src='scripts/camera.min.js'></script> 
<script>
jQuery(function(){
    jQuery('#camera_wrap_1').camera({
            thumbnails: false,
            /*pagination: false,*/
            height: '500px' /*Höhe des Bildes*/
    });
});
</script>
<style type="text/css">
div#container
{
   width: 960px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   font-size: 8px;
   line-height: 1.1875;
   text-align: center;
   margin: 0;
   background-color: #FFFFFF;
   color: #696969;
}
</style>
2. You have set the extension to Fullscreen which will obscure your page content. Reset that to 'Normal'.

I would also suggest that you reposition the index page content and lower it as it is sitting too close to the bottom of the slideshow. I also spotted a spelling mistake in the text of one slide " 3 to 12 moths" :)
inmedo-preview.jpg
I would be very interested to learn why you thought you needed to manually place the code above into the page????

Re: Camera Slideshow (FREE) - YOUTUBE CHANGES

Posted: Mon Jul 14, 2014 1:21 pm
by Adendum
Hi,

It has been brought to me attention that the instructions to embed a YouTube video no longer work and on further inspection I found that the demo pageswere not working correctly due to both a missing video and incorrect YouTube video embed codes. These have now been corrected and all demo pagesare working as expected.

The technique to embed a YouTube video is still very easy:

In the page:
1. Ensure your page properties set the jQuery version to 1.7.2 rather than the current 1.9.1 version - without this you will see nothing!


In the extension:
2. In section 10 (Slider Content) select a Slide Type of "Image with inset video or html" or "Video"
3. Complete all other required sections as needed
4. In the section "Video-HTML Feed" paste the YouTube URL as indicated below.


Getting your YouTube URL:
5. Click into the video
6. Click SHARE > EMBED
7. Copy part of the code so you have http://www.youtube.com/embed/Ke1Y3P9D0Bc?rel=0 and add https:// when you paste into the extension.

So you end up with https://www.youtube.com/embed/Ke1Y3P9D0Bc?rel=0
YouTube.jpg
Have fun!

Re: Camera Slideshow (FREE)

Posted: Tue Jul 15, 2014 9:02 am
by Adendum
Sorry, I don't understand your questions...

thumbs: do you mean in the extension or the thumbs seen at the end of a YouTube video?

loading: no idea what you are referring to here.

dots: You mean the pagination or navigation markers. If you are asking to change the circle graphics to word the answer is no.

Re: Camera Slideshow (FREE)

Posted: Wed Jul 16, 2014 10:18 am
by Adendum
Sorry Walker, I'm still not clear as to what you are asking. But when I am back at my PC I'll have another read of this post and try your YouTube link in a test project.

Re: Camera Slideshow (FREE)

Posted: Wed Jul 16, 2014 2:27 pm
by Adendum
Walker,

I have now used the embed code for the video you want to show in Camera Slideshow. The error message (in English) clearly tells you that you cannot use the video. Nothing I can do about that!!
youtube-error.jpg
As for your other questions:-

1. Loading icon.
Look at section 06 - Loader. Options are Pie, Bar or None. Set to None!

2. Thumbs.
Look at section 03 - General Settings. Options are Pagination or Thumbnails. Set to Pagination if thumbnails not required!

3. Dots?????????
I can only assume you mean the pagination circles. See above. The more slides you add the more circles you will see.

May I also suggest you run your questions/responses through a different translation package as it's very unclear what you are asking...or maybe run it by another Netyherlander who speaks English as that would help a great deal.

Hope that clears up your questions. :)

Re: Camera Slideshow (FREE)

Posted: Thu Jul 17, 2014 11:03 am
by Adendum
Comparing your page to my demo 2 page I can see significant differences with the generated html:-

Yours:-

Code: Select all

<div class="fluid_container">
<div class="camera_wrap   camera_azure_skin" id="camera_wrap_1">
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/14635_dragon_ball_z.jpg"><div class="camera_caption fadeFromTop">DBZ</div><div id="inset-v" style="position:absolute; top:10px; left:10px;"><iframe name="csiframe1" id="csiframe1" src="https://www.youtube.com/embed/Zz31FrvO4iM" width="425px" height="264px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/"><div class="no_caption"></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/"><div class="no_caption"></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/"><div class="no_caption"></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/"><div class="no_caption"></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/"><div class="no_caption"></div></div>
<div data-thumb="camera/images/thumbs/" data-src="camera/images/slides/10801_dragon_ball_z.jpg"><div class="camera_caption fadeFromLeft">Gohan</div><div style="position:absolute; top:20px; left:20px; font-family:Trebuchet MS; font-size:14px; background:#0000B3; color:#CCFFFF; padding:15px; width:200px" class="fadeIn camera_effected"><font style="font-size:16px" color="#FF0000" face="Arial">The fictional character Batman, a comic book superhero featured in DC Comics publications, has appeared in various films since his inception.The character first starred in two serial films in the 1940s, Batman and Batman and Robin. The character also appeared in the 1966 film Batman, which was a feature film adaptation of the 1960s Batman TV series starring Adam West, who also starred in the film. </font></div></div>
<div data-thumb="camera/images/thumbs/th_Avatar.jpg" data-src="camera/images/slides/Avatar.jpg"><div class="camera_caption moveFromTop">Avatar - just one of Cameron's all time top grossing movies</div><div id="inset-v" style="position:absolute; top:20px; left:700px;"><iframe name="csiframe3" id="csiframe3" src="http://www.youtube.com/embed/v/d1_JBMrrYw8&hd=1?feature=player_embedded" width="250px" height="188px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Master-commander.jpg" data-src="camera/images/slides/Master-commander.jpg"><div class="camera_caption moveFromLeft">Master and Commander, one of those under rated Crowe movies</div></div>
<div data-thumb="camera/images/thumbs/th_Tron-Legacy.jpg" data-src="camera/images/slides/Tron-Legacy.jpg"><div class="camera_caption moveFromRight">Tron Legacy</div><div id="inset-v" style="position:absolute; top:250px; left:15px;"><iframe name="csiframe5" id="csiframe5" src="http://player.vimeo.com/video/7492481" width="250px" height="188px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Iron-Man-short.jpg" data-src="camera/images/slides/Iron-Man-short.jpg"><div class="camera_caption moveFromRight">Just the movie trailer</div><iframe name="csiframe6" id="csiframe6" src="http://player.vimeo.com/video/34588878" width="100%" height="100%" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div>
<div data-thumb="camera/images/thumbs/th_Avengers.jpg" data-src="camera/images/slides/Avengers.jpg"><div class="camera_caption fadeFromBottom">The Avengers - with inset image of Captain America</div><div id="inset-i" class="inset" style="position:absolute; top:240px; left:700px;"><img src="camera/images/slides/CaptainAmericaInset.jpg" title="The First Avenger - Captain America" alt="Captain America" /></div></div>
<div data-thumb="camera/images/thumbs/th_Prince-of-Persia.jpg" data-src="camera/images/slides/Prince-of-Persia.jpg"><div class="camera_caption moveFromTop">Prince of Persia - with inset HTML to a page in the demo</div><div id="inset-v" style="position:absolute; top:5px; left:5px;"><iframe name="csiframe8" id="csiframe8" src="./prince_of_persia.html" width="310px" height="200px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Prince-of-Persia.jpg" data-src="camera/images/slides/Prince-of-Persia.jpg"><div class="camera_caption fadeFromTop">Not the same as the previous slide! Uses Vertical Scrollbar extension</div><div id="inset-v" style="position:absolute; top:25px; left:690px;"><iframe name="csiframe9" id="csiframe9" src="./prince_of_persia-2.html" width="265px" height="300px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
</div><!-- #camera_wrap_1 -->
</div><!-- .fluid_container-->
Demo 2:-

Code: Select all

<div class="fluid_container">
<div class="camera_wrap   camera_black_skin" id="camera_wrap_1">
<div data-thumb="camera/images/thumbs/th_Iron-Man.jpg" data-src="camera/images/slides/Iron-Man.jpg">
<div class="camera_caption fadeFromTop">Iron Man - the movie (YouTube)</div><div id="inset-v" style="position:absolute; top:10px; left:10px;"><iframe name="csiframe1" id="csiframe1" src="https://www.youtube.com/embed/Ke1Y3P9D0Bc?rel=0" width="425px" height="264px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Batman.jpg" data-src="camera/images/slides/Batman.jpg"><div class="camera_caption fadeFromLeft">Batman. Kerpow!</div><div style="position:absolute; top:20px; left:20px; font-family:Trebuchet MS; font-size:12px; background:#00008B; color:#87CEEB; padding:15px; width:200px" class="fadeIn camera_effected"><p>The fictional character Batman, a comic book superhero featured in DC Comics publications, has appeared in various films since his inception. </p>
<p>The character first starred in two serial films in the 1940s, Batman and Batman and Robin. </p>
<p>The character also appeared in the 1966 film Batman, which was a feature film adaptation of the 1960s Batman TV series starring Adam West, who also starred in the film. </p></div></div>
<div data-thumb="camera/images/thumbs/th_Avatar.jpg" data-src="camera/images/slides/Avatar.jpg"><div class="camera_caption moveFromTop">Avatar - just one of Cameron's all time top grossing movies (YouTube)</div><div id="inset-v" style="position:absolute; top:20px; left:700px;"><iframe name="csiframe3" id="csiframe3" src="https://www.youtube.com/embed/_Tkc5pQp_JE?rel=0" width="250px" height="188px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Master-commander.jpg" data-src="camera/images/slides/Master-commander.jpg"><div class="camera_caption moveFromLeft">Master and Commander, one of those under rated Crowe movies</div></div>
<div data-thumb="camera/images/thumbs/th_Tron-Legacy.jpg" data-src="camera/images/slides/Tron-Legacy.jpg"><div class="camera_caption moveFromRight">Tron Legacy (Vimeo)</div><div id="inset-v" style="position:absolute; top:250px; left:15px;"><iframe name="csiframe5" id="csiframe5" src="http://player.vimeo.com/video/7492481" width="250px" height="188px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Iron-Man-short.jpg" data-src="camera/images/slides/Iron-Man-short.jpg"><div class="camera_caption moveFromRight">Just the movie trailer (Vimeo)</div><iframe name="csiframe6" id="csiframe6" src="http://player.vimeo.com/video/34588878" width="100%" height="100%" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div>
<div data-thumb="camera/images/thumbs/th_Avengers.jpg" data-src="camera/images/slides/Avengers.jpg"><div class="camera_caption fadeFromBottom">The Avengers - with inset image of Captain America</div><div id="inset-i" class="inset" style="position:absolute; top:240px; left:700px;"><img src="camera/images/slides/CaptainAmericaInset.jpg" title="The First Avenger - Captain America" alt="Captain America" /></div></div>
<div data-thumb="camera/images/thumbs/th_Prince-of-Persia.jpg" data-src="camera/images/slides/Prince-of-Persia.jpg"><div class="camera_caption moveFromTop">Prince of Persia - with inset HTML to a page in the demo</div><div id="inset-v" style="position:absolute; top:5px; left:5px;"><iframe name="csiframe8" id="csiframe8" src="./../camera-slideshow/prince_of_persia.html" width="310px" height="200px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
<div data-thumb="camera/images/thumbs/th_Prince-of-Persia.jpg" data-src="camera/images/slides/Prince-of-Persia.jpg"><div class="camera_caption fadeFromTop">Not the same as the previous slide! Uses Vertical Scrollbar extension</div><div id="inset-v" style="position:absolute; top:25px; left:690px;"><iframe name="csiframe9" id="csiframe9" src="./../camera-slideshow/prince_of_persia-2.html" width="265px" height="300px" frameborder="0">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></div></div>
</div><!-- #camera_wrap_1 -->
</div><!-- .fluid_container DEMO -->
Your 2nd, 3rd, 4th, 5th and 6th slides are empty!

Also looking at the pagination circles on hover there are no images - so it looks like you have not uploaded all files.

Re: Camera Slideshow (FREE)

Posted: Thu Jul 17, 2014 6:24 pm
by Adendum
Walker,

You are close but you are not seeing thumbs over the hovered pagination circles because you haven't set them in the extension. In EACH slide there is a setting in 10 - Slider Content immediately under the IMAGE setting there is a THUMB setting. So for every slide you create you need a MAIN image and a THUMB image.

The easiest way to do that is to create all your main slides and then run them all through a batch processor like XnConvert or Faststone to create re-sized thumbs.The open the extension and set the thumbnail images.