Camera Slideshow (FREE)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post 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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post 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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post 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. :)
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post 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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post 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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post by Adendum »

The extension expects and requires TWO images for each slide.

1. The main slide image - which you have

2. A small thumbnail image - used and seen when you hover over the pagination circles (or when you set thumbnails to be seen). These you need to create and then set in the extension, just like you did for the main slide images.

It IS all in thre help file!!!!!
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post by Adendum »

No idea what a "backup preview" is!!
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post by Adendum »

WalkerNL wrote:I'm using extension
Çameria slideshow packed, but I wanted to do everything the same, but if I'm going to test to see if everything worked, and no no image for slide.

download link is vanzwienen.net me what I do wrong that I do not have a picture. :D
No offense Walker but I have no idea what you are talking about here. Either your translation software is really bad or your English needs a lot of work. If I could speak Dutch I'd try and help but I can't.

1. I know you are using the extension - we have emailed each other and have communicated several time on this forum and I have even sent you a working WWB project.

2. What does "Camera Slideshow Packed" mean?

3. What do you mean by saying "but I wanted to do everything the same"?

4. The words "but if I'm going to test to see if everything worked, and no no image for slide." means what? you tested what? What no image for a slide?

Sorry but I can't understand 95% of what you are asking (not even sure you are asking anything) so you need to get someone who is bi-lingual to help you post your questions and if you decide to revert to emailing me as you have in the recent past you'll need to get your questions translated by someone.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post by Adendum »

You only have to view the page source to see the obvious!!!!!!!!!!

Code: Select all

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Naamloze pagina</title>
<meta name="generator" content="WYSIWYG Web Builder 9 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   padding: 0;
}
</style>
<style type="text/css">
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
</style>
<style type="text/css">
#Image1
{
   border: 0px #000000 solid;
}
</style>
</head>
<body>
<div id="wb_Image1" style="position:absolute;left:0px;top:17px;width:354px;height:472px;z-index:0;">
<img src="images/dragonball3.gif" id="Image1" alt="" style="width:354px;height:472px;"></div>
<div id="wb_Shape1" style="position:absolute;left:360px;top:196px;width:265px;height:58px;z-index:1;">
<a href="./test.rar"><img src="images/img0001.png" id="Shape1" alt="" style="border-width:0;width:265px;height:58px;"></a></div>
</body>
</html>
Kind of missing everything - particularly the extension elements!
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Camera Slideshow (FREE)

Post by Adendum »

Is this like some kind of Dutch "April Fools" thing?

OK, one last time. Here's what I'll do for you....

1. You save your project file and all images and ZIP it all up and email it to me.
2. Send me your FTP credentials (host/username/password)
3. Email me an exact requirement for each slide e.g.:-
[slide 1] Use image X as the background, Insert 200x500 Youtube video XXXXXXXX top left, caption AAAAAAAAAAAAAAA.
[slide 2] Use image Y as the background, Insert 200x500 Youtube video XXXXXXXX top right, caption BBBBBBBBBBBBBBBB.
[slide 3] Use image Z as the background, Insert 200x500 Youtube video XXXXXXXX bottom left, caption CCCCCCCCCCCC.
[slide 4] Use image T as the background, Insert 200x500 Youtube video XXXXXXXX bottomleft, caption DDDDDDDDDDDDD.
4. I will create the page for you and FTP to your server.
5. I will then ZIP up the edited project and images and send them back to you.
6. You then get someone to translate the supplied help file into your language - you read it and proof check it and email the Dutch version of the text and I will create a Dutch version of the help file just for you!

How's that?
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
Post Reply