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!!!
Camera Slideshow (FREE)
Re: Camera Slideshow (FREE) *** UPDATED ***
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!
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!
Re: Camera Slideshow (FREE)
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.
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)
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
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)
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)
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)
I would need to see the project - email me as indicated earlier.
Re: Camera Slideshow (FREE)
David,Adendum wrote:I would need to see the project - email me as indicated earlier.
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>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"
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
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
Have fun!
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
Have fun!
Re: Camera Slideshow (FREE)
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.
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)
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)
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!!
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.
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!!
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)
Comparing your page to my demo 2 page I can see significant differences with the generated html:-
Yours:-
Demo 2:-
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.
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-->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 -->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)
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.
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.
Re: Camera Slideshow (FREE)
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!!!!!
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!!!!!
Re: Camera Slideshow (FREE)
No idea what a "backup preview" is!!
Re: Camera Slideshow (FREE)
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.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.
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.
Re: Camera Slideshow (FREE)
You only have to view the page source to see the obvious!!!!!!!!!!
Kind of missing everything - particularly the extension elements!
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>Re: Camera Slideshow (FREE)
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?
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?