Results 1 to 4 of 4
  1. #1
    SRobins19777 is offline Member
    Join Date
    Jan 2013
    Posts
    2
    Rep Power
    0

    Question Javascript Front Page Slider- Fade Effect

    We have a slider on our front page and I'm not happy with the transition. Right now it 'flicks' to the next slide. I would like a smoother fade in and out transition.

    I've searched high and low and the two sites I 'think' I got the furthest on are:
    JavaScript Fade Tutorial – Fading Elements In/Out | Web Development Blog
    jQuery Effects - Fading

    But they would fade in and out the whole page(no clue how I did that). The code that I am working on is:
    Java Code:
    <script type="text/javascript">
    $(document).ready(function(){  
    $(".cmsfcs_{vb:raw id}").tabs({fx:{opacity: "toggle", duration:1}}).tabs("rotate", 10000, true);  
    $(".cmsfcs_{vb:raw id}").hover(  
    function() {  
    $(".cmsfcs_{vb:raw id}").tabs("rotate",0,true);  
    },  
    function() {  
    $(".cmsfcs_{vb:raw id}").tabs("rotate",10000,true);  
    }  
    );  
    });  
    </script>
    I've tried inserting various variations of the code in various locations(one I "thought" I had was fade in at the start and fade out at the bottom... didn't work). Does anyone have any ideas?

    UPDATE: changing duration from 1 to "fast" makes a fade in, but doesnt fade out so there is a flicker of white. You also get a flicker of the left menus.
    Last edited by SRobins19777; 01-31-2013 at 03:42 PM.

  2. #2
    KevinWorkman's Avatar
    KevinWorkman is online now Crazy Cat Lady
    Join Date
    Oct 2010
    Location
    Washington, DC
    Posts
    3,965
    Rep Power
    8

    Default Re: Java Front Page Slider- Fade Effect

    Java != javascript. Moving this from the New to Java forum.
    How to Ask Questions the Smart Way
    Static Void Games - Play indie games, learn from game tutorials and source code, upload your own games!

  3. #3
    SRobins19777 is offline Member
    Join Date
    Jan 2013
    Posts
    2
    Rep Power
    0

    Default Re: Java Front Page Slider- Fade Effect

    Quote Originally Posted by KevinWorkman View Post
    Java != javascript. Moving this from the New to Java forum.
    Obviously new to any java being that I didnt know the difference... :) Sorry.

  4. #4
    KevinWorkman's Avatar
    KevinWorkman is online now Crazy Cat Lady
    Join Date
    Oct 2010
    Location
    Washington, DC
    Posts
    3,965
    Rep Power
    8

    Default Re: Java Front Page Slider- Fade Effect

    Quote Originally Posted by SRobins19777 View Post
    Obviously new to any java being that I didnt know the difference... :) Sorry.
    It's okay. It's a common mistake, but think about it this way: Java has about as much in common with Javascript as ham has in common with hamsters. You're probably more likely to receive help on a forum specifically aimed at javascript development.
    How to Ask Questions the Smart Way
    Static Void Games - Play indie games, learn from game tutorials and source code, upload your own games!

Similar Threads

  1. Add Fade In/Fade Out to multiple image swap script
    By mhunterjones in forum New To Java
    Replies: 1
    Last Post: 07-15-2012, 03:18 AM
  2. How to Export web page(jsp page) to excel using jsp or servlets or javascript
    By techsing14 in forum JavaServer Pages (JSP) and JSTL
    Replies: 3
    Last Post: 05-25-2011, 11:08 AM
  3. Fade in/Fade out Class for any object
    By eLancaster in forum New To Java
    Replies: 3
    Last Post: 04-13-2011, 03:19 PM
  4. Replies: 0
    Last Post: 05-04-2010, 11:11 AM
  5. Replies: 0
    Last Post: 08-13-2008, 11:38 AM

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
  •