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.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Add a fade effect transition to a slideshow

    Hi Folks,
    I pretty know anything about coding, I'm doing my website with Golive, and basically I have managed to create a slideshow that start automatically when the page is loading. My problem is that the slideshow golive provide me with has no fade transition between the slides making it a bit old fashion.
    So I was wondering if there would be someone out there that could help me out and add to my code the necessary lines in order to get the fade effect.
    Here is my code below (as I first told you I know anything about coding, so if you could just tell what to add and where, I would be grateful)
    A big thanks to all.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    
    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive">
    <title>Untitled Page</title>
    <csactionitem name="58CC2BF5"></csactionitem>
    <csscriptdict import>
    <script type="text/javascript" src="file:///C:/Users/Fran%e7ois/AppData/Roaming/Adobe/Adobe%20GoLive/Settings7/JScripts/GlobalScripts/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    pre_portfolio_s = newImage('../images/boutons/portfolio_s.gif');
    pre_contact_s = newImage('../images/boutons/contact_s.gif');
    pre_lagence_s = newImage('../images/boutons/lagence_s.gif');
    preloadFlag = true;
    }
    }
    CSInit[CSInit.length] = new Array(CSSlideShowAuto,/*CMP*/ 'diapo001',12,4,true);
    
    // --></script>
    </csactiondict>
    <csactions>
    <csaction name="58CC2BF5" class="SlideShowAuto" type="onload" val0="diapo001" val1="12" val2="4" val3="true"></csaction>
    </csactions>
    </head>
    
    <body onload="CSScriptInit();preloadImages();" background="../images/image_de_fond/image_fond.gif" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
    <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" cool gridx="2" gridy="2" height="1000" showgridx showgridy usegridx usegridy>
    <tr height="6">
    <td width="125" height="60" rowspan="2"></td>
    <td width="874" height="6" colspan="3"></td>
    <td width="1" height="6"><spacer type="block" width="1" height="6"></td>
    </tr>
    <tr height="54">
    <td width="874" height="54" colspan="3" valign="top" align="left" xpos="125"><img src="../images/boutons/atelier_rav_arch_design.gif" alt="" height="40" width="400" border="0"></td>
    <td width="1" height="54"><spacer type="block" width="1" height="54"></td>
    </tr>
    <tr height="425">
    <td width="999" height="425" colspan="4" valign="top" align="left" xpos="0"><img src="../images/pageaccueil/diapo001.gif" alt="" name="diapo001" height="414" width="999" border="0"></td>
    <td width="1" height="425"><spacer type="block" width="1" height="425"></td>
    </tr>
    <tr height="1">
    <td width="192" height="514" colspan="2" rowspan="5"></td>
    <td width="119" height="1"></td>
    <td width="688" height="514" rowspan="5" valign="top" align="left" xpos="311"><img src="../images/boutons/barreverti.gif" alt="" height="125" width="4" border="0"></td>
    <td width="1" height="1"><spacer type="block" width="1" height="1"></td>
    </tr>
    <tr height="26">
    <td width="119" height="26" valign="top" align="left" xpos="192"><img src="../images/boutons/accueil_ss.gif" alt="" height="20" width="110" border="0"></td>
    <td width="1" height="26"><spacer type="block" width="1" height="26"></td>
    </tr>
    <tr height="26">
    <td width="119" height="26" valign="top" align="left" xpos="192"><a onmouseover="changeImages('lagence','../images/boutons/lagence_s.gif');return true" onmouseout="changeImages('lagence','../images/boutons/lagence.gif');return true" href="page_lagence_presa.html"><img id="lagence" src="../images/boutons/lagence.gif" alt="" name="lagence" height="20" width="110" border="0"></a></td>
    <td width="1" height="26"><spacer type="block" width="1" height="26"></td>
    </tr>
    <tr height="26">
    <td width="119" height="26" valign="top" align="left" xpos="192"><a onmouseover="changeImages('portfolio','../images/boutons/portfolio_s.gif');return true" onmouseout="changeImages('portfolio','../images/boutons/portfolio.gif');return true" href="#"><img id="portfolio" src="../images/boutons/portfolio.gif" alt="" name="portfolio" height="20" width="110" border="0"></a></td>
    <td width="1" height="26"><spacer type="block" width="1" height="26"></td>
    </tr>
    <tr height="435">
    <td width="119" height="435" valign="top" align="left" xpos="192"><a onmouseover="changeImages('contact','../images/boutons/contact_s.gif');return true" onmouseout="changeImages('contact','../images/boutons/contact.gif');return true" href="#"><img id="contact" src="../images/boutons/contact.gif" alt="" name="contact" height="20" width="110" border="0"></a></td>
    <td width="1" height="435"><spacer type="block" width="1" height="435"></td>
    </tr>
    <tr height="1" cntrlrow>
    <td width="125" height="1"><spacer type="block" width="125" height="1"></td>
    <td width="67" height="1"><spacer type="block" width="67" height="1"></td>
    <td width="119" height="1"><spacer type="block" width="119" height="1"></td>
    <td width="688" height="1"><spacer type="block" width="688" height="1"></td>
    <td width="1" height="1"></td>
    </tr>
    </table>
    <p></p>
    </body>
    
    </html>

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,030
    Thanks
    203
    Thanked 2,539 Times in 2,517 Posts
    Have a look at the many excellent scripts at

    http://www.vicsjavascripts.org.uk/


    It is your responsibility to die() if necessary….. - PHP Manual

    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.

  • #3
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Philip, I had a look to your website, but the thing is I don't know anything about coding and I don't know what is responsible for the fading effect. Basically when I'm doing my website, I never use the coding window and I'm only working with the design window using different types of actions provided in the design panel.
    So to be honnest, I'm not able to replace/adapt the codes given in your link to my website's code, that's my I was looking for some kind soul to help me out for that.
    Thanks phillip.
    Let me know if you have any clue.

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Quote Originally Posted by netkeko View Post
    My problem is that the slideshow golive provide me with has no fade transition between the slides making it a bit old fashion.
    It’s kind of ironic that you say that when you’re using a website editor that has been discontinued five years ago.

    That said, you’ll probably get no help that relates to GoLive or how to do it in that application for the reason mentioned above. I’m shuddering already just by seeing that code. You will either have to learn a bit of HTML/CSS/JavaScript or hire a professional developer – or hope for some altruistic angel that will do this for you for free, which could take a while, though.

  • #5
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your message, yes i know golive is no more in use nowadays, but it was the one I learnt when I was at school.
    I didn't know it was that difficult, so as you've said I'd better hire someone to take care of it.
    Thanks anyway.


  •  

    Tags for this Thread

    Posting Permissions

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