Hello!
I've been trying to get the Carousel Slideshow to work inside a PopUp. It works fine when I view it through my HTML Editor, but after uploading it to my website and activating the PopUp (by refreshing the page) you can't see the Carousel Slideshow in the PopUp.
Does anyone have any idea why, and what I need to do to fix? TIA.
HTML code from my Popup template is:
<html>
<head>
<script type='text/javascript'>
/***********************************************
* Carousel Slideshow II- By Harry Armadillo (
http://www.codingforums.com/showthread.php?t=58814)
* Visit Dynamic Drive at
http://www.dynamicdrive.com/ for full source code
* Please keep this notice intact
***********************************************/
function carousel(params){
if(!(params.width>0 && isFinite(params.width)))params.width=100;
if(!(params.height>0 && isFinite(params.height)))params.height=100;
if(!(params.sides>2 && isFinite(params.sides)))params.sides=4;
if(!(params.steps>0 && params.steps<100 && isFinite(params.steps)))params.steps=20;
if(!(params.speed>0 && isFinite(params.speed)))params.speed=8;
if(!(params.image_border_width>=0 && isFinite(params.image_border_width)))params.image_border_width=0;
if(isFinite(params.id)||!params.id)params.id='bad_id_given_'+Math.random();
document.write("<div style='position:relative;overflow:hidden;' id='"+params.id.replace(/[^a-zA-Z0-9]+/g,'_')+"'></div>");
var cdiv=document.getElementById(params.id.replace(/[^a-zA-Z0-9]+/g,'_'))
cdiv.style.width=params.width+'px';
cdiv.style.height=params.height+'px';
cdiv.style.border=params.border;
cdiv.style.position='relative';
cdiv.style.overflow='hidden';
cdiv.title=params.id;
var counter=0,spinning=true,interval=Math.floor(60000/params.sides/params.steps/params.speed)-5;
interval=isNaN(interval)?200:interval;
var img_position=[],images=[],img_dimension=[];
var img_index=params.images.length+1,img_index_cap=2*params.images.length;
var faces=Math.ceil(params.sides/2), dimension, direction, targ, attr, faraway;
function init(){
if(params.direction=="left" || params.direction=="right"){
direction=params.direction;
dimension="width";
}
else if(params.direction=="top" || params.direction=="bottom"){
direction=params.direction;
dimension="height";
}
else {
direction="left";
dimension="width";
}
faraway=(direction=="left"||direction=="top")?'-20000px':'20000px';
cdiv.style[dimension]=params[dimension]/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)+'px';
var img=new Image();
img.style.position='absolute';
img.style[direction]=faraway;
img.style.width=params.width-2*params.image_border_width+'px';
img.style.height=params.height-2*params.image_border_width+'px';
img.style.border=(params.image_border_width||0)+'px solid '+params.image_border_color;
for(var i=0;i<params.images.length;i++){
images[i]=img.cloneNode(true);
images[i].src=params.images[i];
if(params.links && params.links[i] && params.links[i]!=''){
targ=params.lnk_targets && params.lnk_targets[i]||params.lnk_base||'new';
if(targ=="_blank"){
attr=(params.lnk_attr && params.lnk_attr[i])?",'"+params.lnk_attr[i]+"'":"";
images[i].onclick=new Function("window.open('"+params.links[i]+"','"+targ+"'"+attr+")");
}
else if(targ.substr(0,1)=="_"){
images[i].onclick=new Function(targ.substr(1)+".location='"+params.links[i]+"'");
}
else{
attr=(params.lnk_attr && params.lnk_attr[i])?",'"+params.lnk_attr[i]+"'":"";
images[i].onclick=new Function("var t='"+targ+"';if(window[t]){try{window[t].close()}catch(z){}}window[t]=window.open('"+params.links[i]+"',t"+attr+");window[t].focus()");
}
images[i].style.cursor=document.all?'hand':'pointer';
}
if(params.titles && params.titles[i] && params.titles[i]!='')
images[i].title=params.titles[i];
if(document.all)
images[i].alt=images[i].title;
images[i+params.images.length]=images[i];
if(params.images.length==faces)
images[i+2*params.images.length]=images[i];
cdiv.appendChild(images[i]);
}
var face_size=params.size_mode=='image'?params[dimension]
arams[dimension]*Math.sin(Math.PI/params.sides);
var face_offset=params[dimension]*Math.cos(Math.PI/params.sides)/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)/2-.5;
var pi_piece=2*Math.PI/params.steps/params.sides;
for(i=0;i<=params.steps*faces;i++){
img_dimension[i]=face_size*Math.sin(pi_piece*i);
img_position[i]=(i<params.steps*params.sides/2)?Math.floor(params[dimension]/2/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)-face_offset*Math.cos(pi_piece*i)-img_dimension[i]/2)+'px':faraway;
img_dimension[i]=img_dimension[i]-2*params.image_border_width>1?Math.ceil(img_dimension[i])-2*params.image_border_width+'px':'1px';
}
}
init();
cdiv.rotate = function(){
setTimeout('document.getElementById("'+cdiv.id+'").rotate()',interval);
if(!spinning) return;
if(++counter>=params.steps){
counter=0;
if(++img_index>=img_index_cap)
img_index=params.images.length;
}
images[img_index-faces].style[direction]=faraway;
for(var i=faces-1;i>=0;i--){
images[img_index-i].style[direction]=img_position[counter+i*params.steps];
images[img_index-i].style[dimension]=img_dimension[counter+i*params.steps];
}
}
cdiv.onmouseover=function(){
spinning=false;
}
cdiv.onmouseout=function(){
spinning=true;
}
setTimeout('document.getElementById("'+cdiv.id+'").rotate()',100);
}
</script>
<title>Sign Up Now!</title>
</head>
<body>
<table width="400" bgcolor="#FFFFFF" border="1" cellpadding="5" cellspacing="0">
<tr valign="top">
<td>
<div align="center"><b><font size="3" face="Tahoma"><b>To view this FREE product review,<br />please leave your name and email below.</b></b><br /><br /></font></div>
<font size="2" face="Tahoma">We'll also send you the following fantastic bonuses worth over $400 <i><b>absolutely free</b></i>...</font><br /><br />
<div align="center">
<script type='text/javascript'>
window.onerror=function(){if (document.all){window.status='An error has occured'; return true}}
carousel({id:'',
border:'',
size_mode:'image',
width:155,
height:180,
sides:6,
steps:23,
speed:5,
direction:'left',
images:['http://www.homeworkfrom.com/images/bonus1.gif',
'http://www.homeworkfrom.com/images/bonus2.gif',
'http://www.homeworkfrom.com/images/bonus3.gif',
'http://www.homeworkfrom.com/images/bonus4.gif',
'http://www.homeworkfrom.com/images/bonus5.gif',
'http://www.homeworkfrom.com/images/bonus6.gif',
'http://www.homeworkfrom.com/images/bonus7.gif',
'http://www.homeworkfrom.com/images/bonus8.gif'],
links: ['',
'',
'',
'',
'',
'',
'',
''],
titles:[],
image_border_width:0,
image_border_color:'blue'
});
</script>
</div>
<font size="2" face="Tahoma"><br /><b>... <u>PLUS</u></b> you'll get some great insider secrets, marketing tutorials and free software to help turbo charge the earnings from whatever product you're researching with us!</font></div><br /><br />
<div align="center"><font size="2" face="Tahoma" color="#FF0000"><b>Don't worry, you can unsubscribe at any time from the links in our WorkFromHome Tips Newsletter. Guaranteed!</b></font></div><br />
<div align="center"><form action="http://www.homeworkfrom.com/autoresponder/subscribe.php" target="_blank" method="post" class="cmxform">
<font size="2" face="Tahoma">Enter <u>first</u> name here:</font>
<input type="text" name="subscriber[name]" /><br />
<font size="2" face="Tahoma">Enter your email here:</font>
<input type="text" name="subscriber[email]" /><br />
<input type="submit" value="Join WorkFromHome Tips Newsletter" />
</form></font>
<font size="1" face="Tahoma">Email addresses are <b><u><font color="#000000">NOT</font></u></b> released to any other parties.<br />We respect your</font> <a
href="http://www.homeworkfrom.com/privacy-policy.htm" target="_blank"><font size="1" face="Tahoma" color="0000ff"><u>email privacy</u></font></a><br /><br /><font size="2" color="#FF0000" face="Tahoma"><b>*** Give us a try. You won't be disappointed! ***</b></font></div>
</div>
</td>
</tr>
</table>
</body>
</html>
The Popup is activated from a script in the webpage:
<script type="text/javascript" src="http://www.homeworkfrom.com/popup/actionpopup-b4.php"></script>
<script>ActionPopup.onEnter = true;</script>
Thank you
Before you post, read our: 
I tried to make a similar effect and use it as a sort of online presentation for my project. Unfortunately, the outcome is not what I expected. I’m trying to check this script and see if there are possible parameters that I forgot to define.
