Results 1 to 5 of 5

Thread: quick look effect

  1. #1
    Join Date
    Jun 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question quick look effect

    Hi everybody its great to meet all the buddys who believe in gaining Knowledge thru sharing once again my greetings to everybody.


    I need a script which looks like in www.gap.com website.

    When mouse over of any images ,we can see quick look image and it has mouseover ,mouse down effect also. That is a seperate images they have used.

    I was trying in my new website, please any body could help me regarding that quick look type.

  2. #2
    Join Date
    Jan 2007
    Posts
    629
    Thanks
    10
    Thanked 28 Times in 28 Posts

    Default

    What image are you talking about? The top menu?

    EDIT: Oh, I see what you are talking about.
    The best way is with CSS and <a> tags. I would check out http://www.w3schools.com/css/css_intro.asp
    --Jas
    function GreatMinds(){ return "Think Like Jas"; }
    I'm gone for a while, but in the meantime: Try using my FTP script | Fight Bot Form Submissions

  3. #3
    Join Date
    Jun 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Jas View Post
    What image are you talking about? The top menu?

    EDIT: Oh, I see what you are talking about.
    The best way is with CSS and <a> tags. I would check out http://www.w3schools.com/css/css_intro.asp
    Thanks jas but i need the effect like the kind in this http://www.gap.com/browse/category.do?cid=6998(check this site)

    When u mouse over on any image it shows quick look image with rollover effects.
    It has been done thru javascript using object methods,i am not familiar with this.
    Can u help me ragarding this.

    I saw your web site, i want to know wether u r a coder r designer.Site is good if u r new to designing and some images are not showing properly.

    thanks for your reply.

  4. #4
    Join Date
    Jan 2007
    Posts
    629
    Thanks
    10
    Thanked 28 Times in 28 Posts

    Default

    Quote Originally Posted by jcnaidu View Post

    I saw your web site, i want to know wether u r a coder r designer.Site is good if u r new to designing and some images are not showing properly.

    thanks for your reply.
    Thanks for the input on the site! I am a coder (and I try to design, but I am not really great at it ), but I work mainly with PHP. I created the site as a prototype using front page. I am creating the actual site now.

    As for you, the page you posted was not valid. . .
    EDIT: NVM, it's just an error in what you typed. . .
    Last edited by Jas; 06-28-2007 at 07:06 PM.
    --Jas
    function GreatMinds(){ return "Think Like Jas"; }
    I'm gone for a while, but in the meantime: Try using my FTP script | Fight Bot Form Submissions

  5. #5
    Join Date
    Jan 2007
    Posts
    629
    Thanks
    10
    Thanked 28 Times in 28 Posts

    Default

    I stand by what I said about <a> tags and CSS, but if you insist on using JS, I don't know that I can help you much, as I have not had to use that in any of my projects yet.
    Here is a sample of the code:
    Code:
    	<html>
    <head>
    	<!-- SAMPLE (The real thing can be a lot better, ie you can position is absolutly and place it over the image, and hide it until the user hovers over the image) //-->
    	<style type="text/css">
    		body{
    			background-color: #DDDDDD;
    		}a:link#BUTTON1 {
    		 	color: #000000;
    			background-image: url("YOUR IMAGE");
    		}a:hover#BUTTON1 {
    		 	color: #999999;
    			background-image: url("YOUR IMAGE");
    		}a:active#BUTTON1 {
    			color: #BBBBBB;
    			background-image: url("YOUR IMAGE");
    		}div.IMAGES{
    			height: 25px;
    			width: 100px;
    			border-width: 4px;
    			border-style: outset;
    			cursor: hand;
    		}
    	</style>
    </head>
    <body>
    	<a id='BUTTON1' href='?'><div class='IMAGES'>LINK</div></a>
    </body>
    	<html>
    Does that do what you need, or do you need JS?
    Last edited by Jas; 06-28-2007 at 07:41 PM.
    --Jas
    function GreatMinds(){ return "Think Like Jas"; }
    I'm gone for a while, but in the meantime: Try using my FTP script | Fight Bot Form Submissions

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
  •