Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 8 of 8 FirstFirst ... 678
Results 106 to 117 of 117
  1. #106
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can the iframe be placed alongside the vertical carousel?

  2. #107
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to Call Exe through Javascript

    Pl. Help to provide Javascript Code through which i can call exe .

    Thanks
    aroyal

  3. #108
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why doesn't the target open in a new tab for the vertical carousel when the target is _blank ? This problem is only in IE
    Last edited by dheeraj_932; 11-02-2009 at 04:26 PM.

  4. #109
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Can't get slidshow to work with PopUp

    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://codingforums.com/post-javascript/58814-carousel-slideshow.html)
    * 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

  5. #110
    New to the CF scene
    Join Date
    Mar 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi!

    I made a small addition: there's a new Param called "pause", intended to set a number of milliseconds to pause the script after each step (where step means a whole picture change). I try to indicate the changes in red within the code.

    It is my very first encounter with JavaScript, so use at your own risk!!

    Hope someone find it useful.

    Code:
    /***********************************************
    * 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;
    pause=isNaN(params.pause)?interval:params.pause;
    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]:params[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(){
    if ((counter+1)>=params.steps){
      millis=pause;
    }else{
      millis=interval;
    }
    
    setTimeout('document.getElementById("'+cdiv.id+'").rotate()',millis);
    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);
    }

  6. #111
    New to the CF scene
    Join Date
    Jan 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im also doing reverse engenering and got this function to send the link to a iframe.
    function C_LdLnk()
    {

    if(this.lnk)
    {
    document.getElementById("iframeName").src=this.lnk;
    this.src=C_Pre_Img[i].src;
    }
    }

  7. #112
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Great job! 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.

  8. #113
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Carouse question

    Using antiquated Office 2000 Front Page.

    I have a web page that shows streaming video from three surveilance cameras. I also have a folder for each camera of jpg files that were a result of motion activation. What I would like to do is set up three carousels Vertical / Horizontal / Vertical with each one of them using a different folder. Is this something that I can "Easily" do with your coding?

  9. #114
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,081
    Thanks
    203
    Thanked 2,542 Times in 2,520 Posts
    Quote Originally Posted by N4NWD View Post
    Using antiquated Office 2000 Front Page.

    I have a web page that shows streaming video from three surveilance cameras. I also have a folder for each camera of jpg files that were a result of motion activation. What I would like to do is set up three carousels Vertical / Horizontal / Vertical with each one of them using a different folder. Is this something that I can "Easily" do with your coding?
    @N4NWD - See:- http://www.codingforums.com/showthread.php?t=17515.
    You will not get any reply in this forum which is intended to be used only to
    post a completed (working) script for showcasing/benefit of others.

    In any case this thread is very old and you ought not to attempt to revive it. Prefer to start a new thread in the appropriate forum.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.

  10. #115
    New Coder
    Join Date
    Sep 2010
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    u jayakodi

    This carousel program has been well received by many many users; I tried my hand to make the code simpler and to change directions with the four arrow keys and to change speed with + or - keys; this works fine with IE for me:

    <code>
    <html><body></body>
    <script type='text/javascript'>
    pics=['http://www.dynamicdrive.com/dynamicindex14/photo1.jpg',
    'http://www.dynamicdrive.com/dynamicindex14/photo2.jpg',
    'http://www.dynamicdrive.com/dynamicindex14/photo3.jpg',
    'http://www.dynamicdrive.com/dynamicindex14/photo4.jpg']


    var sides=8,speed=20,pw=100,drn="horiz",counter=0,spn=true,dn=1,mpi=Math.PI
    pn=pics.length;if(sides>2*pn){sides=2*pn}

    var px=[],imgx=[],imgy=[],imgw=[],ino,imn,faces,cnv

    cnv=document.body.appendChild(document.createElement("div"))
    with(cnv.style){width=pw;height=pw;position="absolute";left=pw;top=pw}
    ino=pn+1;imn=2*pn;faces=Math.ceil(sides/2)

    for(var i=0;i<pn;i++){px[i]=cnv.appendChild(document.createElement("image"))
    px[i].src=pics[i];px[i+pn]=px[i];if(pn==faces){px[i+2*pn]=px[i]}
    with (px[i].style){position='absolute';border="solid 1 blue"}}

    var fo=Math.floor(pw*Math.cos(mpi/sides)/Math.sin(mpi/sides)/2)
    var tpi=0.2*mpi/sides

    function stg(){for(i=0;i<=10*faces;i++){imgw[i]=pw*Math.sin(tpi*i)
    imgx[i]=Math.floor(pw+dn*fo*Math.cos(tpi*i)-imgw[i]/2)}}

    function rotate(){setTimeout('rotate()',speed);if(!spn){return}
    if(++counter>=10){counter=0;if(++ino>=imn){ino=pn}}
    px[ino-faces].style.left=-5000
    for(var i=0;i<faces;i++){with(px[ino-i].style){if(drn=="vert"){top=imgx[counter+i*10];left=0;width=pw;height=imgw[counter+i*10]}
    else{left=imgx[counter+i*10];top=0;height=pw;width=imgw[counter+i*10]}}}
    cnv.focus()}

    cnv.onmouseover=function(){spn=false}
    cnv.onmouseout=function(){spn=true}
    cnv.onkeyup=function(){kk=event.keyCode
    switch(kk){case 40:dn=-1;drn="vert";break
    case 38:dn=1;drn="vert";break
    case 39:dn=-1;drn="horiz";break
    case 37:dn=1;drn="horiz";break
    case 107:speed=speed-10;if(speed<0){speed=0};break
    case 109:speed=speed+10;break}
    stg()}

    stg()
    rotate()
    alert("Use arrow keys to change drn;\n+ / - to change speed\nmouseOver pauses spinning")
    </script>
    </html>
    </code>

  11. #116
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,519
    Thanks
    3
    Thanked 507 Times in 494 Posts
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/

  12. #117
    New Coder
    Join Date
    Sep 2007
    Location
    Lancashire/Uk
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Hi, I keep receiving emails about this thread entitled "New LinkBack to post 'Carousel Slideshow'‏ "

    I have clicked 'unsubscribe' but yet I still receive them, can somebody make it stop please.

    Cheers.


 
Page 8 of 8 FirstFirst ... 678

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •