SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,145
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Post How do i click the picture

    Hi, can you help me please,I want to make a simple photo slide.but the problem is how can i click the picture inorder to zoom out.can you guide me step by step please.Thank you in advance.

    By the way i have no code yet for the javascript because i have no idea yet on how to achieve this.

    here is my code.

    Code:
    <!DOCTYPE html>
    
    <html>
      
      <head>
        <meta charset="utf-8"/>
    	
    	<style type="text/css">
    	  .rembull ul{
    	    list-style: none;
    	  }
    	
    	  ul img{
    	    width: 100px;
    	  }
    	  
    	  .bodycontainer{
    	    background: #555555;
    		width: 100%;
    		height: 100%;
    		position: absolute;
    		top: 0;
    		left: 0;
    		
    	  }
    	
    	
    	</style>
    	
      </head>
      
       <body>
        <div class="bodycontainer"> 
    			 <div class="rembull">
    				<ul>
    					<li><img src="image/pic-1.jpg"/></li>
    					<li><img src="image/pic-2.jpg"/></li>
    					<li><img src="image/pic-3.jpg"/></li>
    					<li><img src="image/pic-4.jpg"/></li>
    				</ul>
    			 <div>
    	 </div>
    	 
       </body>
    </html>

  2. #2
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,145
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    how do i get the picture and zoom out every time i click?can you help me please.I want only the steps and guide me...I mean an algorithm on this....

  3. #3
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,376
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Google "javascript picture zoom" or similar
    Steve Husting


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
  •