Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

blending images

Discussion in 'Website Design Forum:' started by robbo888, Feb 8, 2011.

  1. robbo888

    robbo888 New Member

    Hi for my home page i want to blend 2 images together eg. the sun changing to the moon, is this best done in flash if so how can i do it.

    many thanks for any replies
     
  2. MatJohnson

    MatJohnson New Member

    Could you not use some sort of animated gif?
     
  3. robbo888

    robbo888 New Member

    I did a animated gif in fireworks but it seemed to loose image quality & i've been told this is normal with fireworks & shouldn't use it! i'm pretty new to all this so i don't know if thats correct
     
  4. Corrosive

    Corrosive Moderator Staff Member

  5. are you just wanting to blend two pitures together? if so you could do this with

    put this in your head tag

    HTML:
    <script type="text/javascript" src="########ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="########cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function() {
        $('.slideshow').cycle({
                    fx: 'fade',
                    speed: 1000,
                    timeout: 7000// choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
    });
    </script>
    


    then put this in your body where you want the animation

    HTML:
    <div class="slideshow">
    <img src="image1.jpg">
    <img src="image2.jpg">
    </div>
    
    
    edit the speed and timeout settings to change fade wait time + change speed

    also replace the '########' with h t t p : / / (without spaces) in the code above, had to put them in as i cant post links

    hope this helps
     

Share This Page