Linking to same page different image

@OctoberWindJul 16.2010 — #By using the name anchor, you can specify where on a page an href link should point.

Directory:

[code=html]
 <a href="index.html#1">Go To Image 1</a>
 <a href="index.html#2">Go To Image 2</a>
 <a href="index.html#10">Go To Image 10</a>
 [/code]

Index:

[code=html]
 <a name="1"><img src="image1.jpg" /></a>
 <a name="2"><img src="image2.jpg" /></a>
 <a name="10"><img src="image10.jpg" /></a>
 [/code]

@tirnaJul 21.2010 — #maybe use this as a guide.

It will open each image, as you click its link, in the same new window.

I haven't included any validation to check if an image name has been passed correctly.

[B]The page with the image links:[/B] The clicked image name is sent to showPic.php

[code=php] 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
 <script type="text/javascript">
 <!--
 
 //assuming your pic names are pic1.jpg, pic2.jpg, pic3.jpg etc
 
 //get the pic names into an array
 var numPics = 4;
 var picNames = new Array();
 for(var i=0; i < numPics; i=i+1) {
 picNames[i] = 'pic'+(i+1)+'.jpg';
 }
 
 //-->
 </script>
 
 <style type="text/css">
 <!--
 
 #linksContainer a {
 display: block}
 -->
 </style>
 
 </head>
 <body>
 
 <div id="linksContainer">
 
 <script language="JavaScript" type="text/javascript">
 <!--
 
 var str1,str2,newWin;
 
 //build the links to the image pages
 for(var i=0; i < picNames.length; i=i+1) {
 str1 = 'showPic.php?picName='+picNames[i];
 str2 = '<a href="#" onclick="window.open('+"'"+str1+"','newWin'"+');return false;" > Show '+picNames[i]+'</a>';
 document.write(str2); 

 }
 
 //-->
 </script>
 
 </div>
 
 </body>
 </html>
 [/code]

[B]The page that display the sent image name: [COLOR=blue]showPic.php[/COLOR][/B]

[B][COLOR=#0000ff][/COLOR][/B]

[code=php] 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
 </head>
 <body>
 
 <div>
 <img src="<?php echo $_GET['picName'] ?>" alt="" />
 </div>
 
 </body>
 </html>
 [/code]

Linking to same page different image

3 Comments(s) _↴

Also in #PHP _↴

Success!

Social

Version

Linking to same page different image

3 Comments(s) ↴

Also in #PHP ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #PHP _↴