Results 1 to 5 of 5

Thread: Looking for something similar to Live background previewer

  1. #1
    Join Date
    Aug 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Looking for something similar to Live background previewer

    I'm looking for something like this http://www.dynamicdrive.com/dynamicindex3/document1.htm
    "Live background previewer" but when i click on the sample background images i don't want to change the background i want it to change a certain defined image.

    Example: A picture of a purse, with 5 different color samples beside it lets say, when you click on a color sample it will change the color of the purse.

    Thank you

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    You cannot define a "color" of a purse when it's an image. You need 5 different images too that has those colors.

    Hope this keeps you going:
    HTML Code:
    <script type="text/javascript">
    function change(image)
    {var base='http://h1.ripway.com/rangana/images/'; // Set  the base url of your image
    document.getElementById('Imgchange').src=base+image;}
    </script>
    <img src="http://h1.ripway.com/rangana/images/Picture1.jpg" alt="myimage" style="width:150px;height:100px;display:block;" id="Imgchange">
    <a href="Caterpillar" onclick="change('Picture2.jpg');return false;">Catterpillar</a> ||
    <a href="Lonely Heart" onclick="change('Picture3.jpg');return false;">Lonely heart</a> || 
    <a href="Lonely Smile" onclick="change('Picture4.jpg');return false;">Lonely smile</a> || 
    <a href="Friendship" onclick="change('Picture5.jpg');return false;">Friend</a> || 
    <a href="Dizzy Stairs" onclick="change('Picture6.jpg');return false;">Stairs</a> ||
    <a href="Valentines" onclick="change('Picture7.jpg');return false;">Valentines</a> ||
    <a href="Wedding" onclick="change('Picture8.jpg');return false;">Wedding</a> ||
    <a href="Genius" onclick="change('Picture9.jpg');return false;">Genius</a>
    Last edited by rangana; 08-16-2008 at 08:32 AM. Reason: Genius link was looking for a wrong image.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. #3
    Join Date
    Aug 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok, But is this what this site has? " javisdavis " you have to go into the fabric collections area and then click on the blue button "design crib set".

    There seems to be alot of talk about this feature. Every woman in my web hosting forums are talking. Noticed their even getting alot of press about it.

  4. #4
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    What? I don't think I understand you in your recent post before this one. Mind rephrasing it in a simplier term.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  5. #5
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    Are you looking for something like this?

    http://shimmyshawls.com/cosmo.html

    ^ Whenever you hover over the color, the image of the shawl changes to that color.

    It's called a rollover script... ? Is this what you're looking for?

Bookmarks

Posting Permissions

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