Home
> SlideshowBox 1(discontinued version)
> Topic
Newbie to Javascript - HELP with Simplefade.js
Posted by user993291
Newbie to Javascript - HELP with Simplefade.js November 07, 2011 04:15PM | Registered: 12 years ago Posts: 3 |
I have created some code using your Online Panel. Here it is...
<div id="SimpleFadeJS1320682021265.1018" style="width:460px;height:230px;"></div>
<script type="text/javascript" src="SimpleFade.js"></script>
<script type="text/javascript">
(function() {
var err;
try{
$.slideshowBoxEmbedCanvas.init({
appendToID:"SimpleFadeJS1320682021265.1018",
domainKeys:"4737ba7e9977374f95f46db8cfedd203",
source:"[www.tulsaport.com];,
audioFile:"",
audioFileAlt:"",
audioPlayerIcon:"speaker",
audioPlayerColor:"#000000",
loopAudio:true,
audioPlayMode:"audioOff",
audioPlayerOn:"",
audioPlayerOff:"",
fontName:"",
fontSize:11,
bold:false,
italic:false,
textTopOffset:0,
width:460,
height:230,
autoSlideShow:true,
slideShowSpeed:2,
backgroundVisible:true,
backgroundColor:"#1C1C1C",
backgroundImage:"",
scaleBackground:true,
loadOriginalImages:false,
autoHideControls:true,
controlsHideSpeed:2,
controlBarAlpha:0.8,
controlBarPrimaryColor:"#333333",
controlBarSecondaryColor:"#FFFFFF",
navigationControls:false,
slideShowControls:false,
fullScreenButton:false,
showImageIndex:false,
showImageInfos:false,
scaleMode:"scaleCrop",
preloaderPosition:"centered"
});
}catch(err){}
})();
</script>
I copied and pasted it into my HTML file, but nothing happens when I test it. I even made a blank file and copied JUST the code into it, thinking I could at least get it to show.
Am I missing something? (My client is begging me to finish this site, so a quick response would be great!)
Here's the link to the blank file with just the slideshow.
[www.tulsaport.com]
Here's the code for that page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>slideshowtest</title><div id="SimpleFadeJS1320680679497.163" style="width:460px;height:230px;"></div>
<script type="text/javascript" src="SimpleFade.js"></script>
<script type="text/javascript">
(function() {
var err;
try{
$.slideshowBoxEmbedCanvas.init({
appendToID:"SimpleFadeJS1320680679497.163",
domainKeys:"4737ba7e9977374f95f46db8cfedd203",
source:"photos.xml",
audioFile:"",
audioFileAlt:"",
audioPlayerIcon:"speaker",
audioPlayerColor:"#FFFFFF",
loopAudio:true,
audioPlayMode:"audioOff",
audioPlayerOn:"",
audioPlayerOff:"",
fontName:"",
fontSize:11,
bold:false,
italic:false,
textTopOffset:0,
width:460,
height:230,
autoSlideShow:true,
slideShowSpeed:6,
backgroundVisible:true,
backgroundColor:"#1C1C1C",
backgroundImage:"",
scaleBackground:true,
loadOriginalImages:false,
autoHideControls:true,
controlsHideSpeed:2,
controlBarAlpha:0.8,
controlBarPrimaryColor:"#333333",
controlBarSecondaryColor:"#FFFFFF",
navigationControls:true,
slideShowControls:true,
fullScreenButton:true,
showImageIndex:true,
showImageInfos:true,
scaleMode:"scaleCrop",
preloaderPosition:"centered"
});
}catch(err){}
})();
</script>
</head>
<body>
</body>
</html>
<div id="SimpleFadeJS1320682021265.1018" style="width:460px;height:230px;"></div>
<script type="text/javascript" src="SimpleFade.js"></script>
<script type="text/javascript">
(function() {
var err;
try{
$.slideshowBoxEmbedCanvas.init({
appendToID:"SimpleFadeJS1320682021265.1018",
domainKeys:"4737ba7e9977374f95f46db8cfedd203",
source:"[www.tulsaport.com];,
audioFile:"",
audioFileAlt:"",
audioPlayerIcon:"speaker",
audioPlayerColor:"#000000",
loopAudio:true,
audioPlayMode:"audioOff",
audioPlayerOn:"",
audioPlayerOff:"",
fontName:"",
fontSize:11,
bold:false,
italic:false,
textTopOffset:0,
width:460,
height:230,
autoSlideShow:true,
slideShowSpeed:2,
backgroundVisible:true,
backgroundColor:"#1C1C1C",
backgroundImage:"",
scaleBackground:true,
loadOriginalImages:false,
autoHideControls:true,
controlsHideSpeed:2,
controlBarAlpha:0.8,
controlBarPrimaryColor:"#333333",
controlBarSecondaryColor:"#FFFFFF",
navigationControls:false,
slideShowControls:false,
fullScreenButton:false,
showImageIndex:false,
showImageInfos:false,
scaleMode:"scaleCrop",
preloaderPosition:"centered"
});
}catch(err){}
})();
</script>
I copied and pasted it into my HTML file, but nothing happens when I test it. I even made a blank file and copied JUST the code into it, thinking I could at least get it to show.
Am I missing something? (My client is begging me to finish this site, so a quick response would be great!)
Here's the link to the blank file with just the slideshow.
[www.tulsaport.com]
Here's the code for that page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>slideshowtest</title><div id="SimpleFadeJS1320680679497.163" style="width:460px;height:230px;"></div>
<script type="text/javascript" src="SimpleFade.js"></script>
<script type="text/javascript">
(function() {
var err;
try{
$.slideshowBoxEmbedCanvas.init({
appendToID:"SimpleFadeJS1320680679497.163",
domainKeys:"4737ba7e9977374f95f46db8cfedd203",
source:"photos.xml",
audioFile:"",
audioFileAlt:"",
audioPlayerIcon:"speaker",
audioPlayerColor:"#FFFFFF",
loopAudio:true,
audioPlayMode:"audioOff",
audioPlayerOn:"",
audioPlayerOff:"",
fontName:"",
fontSize:11,
bold:false,
italic:false,
textTopOffset:0,
width:460,
height:230,
autoSlideShow:true,
slideShowSpeed:6,
backgroundVisible:true,
backgroundColor:"#1C1C1C",
backgroundImage:"",
scaleBackground:true,
loadOriginalImages:false,
autoHideControls:true,
controlsHideSpeed:2,
controlBarAlpha:0.8,
controlBarPrimaryColor:"#333333",
controlBarSecondaryColor:"#FFFFFF",
navigationControls:true,
slideShowControls:true,
fullScreenButton:true,
showImageIndex:true,
showImageInfos:true,
scaleMode:"scaleCrop",
preloaderPosition:"centered"
});
}catch(err){}
})();
</script>
</head>
<body>
</body>
</html>
Re: Newbie to Javascript - HELP with Simplefade.js November 08, 2011 09:56AM | Admin Registered: 13 years ago Posts: 248 |
Did you add the necessary files(SimpleFade.js) in the same place with the html file?
Also the source xml is incorrectly created. You have an extra xml tag and also some extra dots(see this, [screencast.com] and [screencast.com])
Also the source xml is incorrectly created. You have an extra xml tag and also some extra dots(see this, [screencast.com] and [screencast.com])
Re: Newbie to Javascript - HELP with Simplefade.js November 08, 2011 07:02PM | Registered: 12 years ago Posts: 3 |
Re: Newbie to Javascript - HELP with Simplefade.js November 09, 2011 07:36AM | Admin Registered: 13 years ago Posts: 248 |
Re: Newbie to Javascript - HELP with Simplefade.js November 10, 2011 02:37PM | Registered: 12 years ago Posts: 3 |
Alrighty! I got it.
Here's the link to the site... I put the correct domain key into the script, but the Slideshowbox" still appears at the top. Can you tell me what I need to do differently to make it disappear?
[tulsaport.com]
Here's the link to the site... I put the correct domain key into the script, but the Slideshowbox" still appears at the top. Can you tell me what I need to do differently to make it disappear?
[tulsaport.com]
Re: Newbie to Javascript - HELP with Simplefade.js November 15, 2011 01:34PM | Admin Registered: 13 years ago Posts: 248 |
We already answered you regarding this problem in the ticket you opened.
The problem is that you set correctly the domain key in the embed code and after that you add the domain key parameter again and let the value for it blank.
Delete the second domain key parameter from the embed code and everything should be ok. See this screen shot [screencast.com]
The problem is that you set correctly the domain key in the embed code and after that you add the domain key parameter again and let the value for it blank.
Delete the second domain key parameter from the embed code and everything should be ok. See this screen shot [screencast.com]
Sorry, only registered users may post in this forum.