load image into self page ??

tim0fee

I have a bunch of pages which are all loaded into the index page by the code:

index.php?id=about

(etc for other pages)

which then loads the relevant page into the index template. Works fine.

Now say when I load that 'about' page I want to load several different images when the user chooses whilst 'staying within' the 'about' page state. How can I do that ?

I feel the link code must be something like:

index.php?id=about&image=one
index.php?id=about&image=two
index.php?id=about&image=three

etc, but I don't know where to start with declaring my image variables or where to put all this code. Arrgh!!

If anyone could point me in the right direction I'd be mighty grateful.

I'm new to all this - see ? ;-?

Thanks anyone who reads.

tim0fee

Rodney_H_

You could just use the id=about to inform what images to use with an if statement.

<?php

if (($_GET['id']) == "about") {
$image1 = "about1.jpg";
$image2 = "about2.jpg";
}

elseif (($_GET['id']) == "something_else") {
$image1 = "else1.jpg";
$image2 = "else2.jpg";
}

else {
$image1 = "default1.jpg";
$image2 = "default2.jpg";
}

echo "$image1";

// more stuff

echo "$image2";

tim0fee

Thanks Rodney H. !

That looks cool - :-)

Sorry for being dim, but how would I call that code from the user's mouse click - say if I had my page 'about' loaded into the template with links 1, 2, 3 to about1.jpg, about2.jpg, about3.jpg, to load within that page ('about') without disrupting the template state ?

I'm still not advanced enough to know where exactly to place your example !

Thanks so much.

tim0fee

Rodney_H_

Tim, i made a mistake. my way loads all the images onto the page at once.

I guess what you want is to be able to click through a series of images One-At-A-Time?!

One way is to use JavaScript (with an "onClick" event to change the images) in conjunction with PHP to write an array of images based on the id of the page.

Or, you may need to do what you have suggested and put the image into the URL and use the GET method to extract the info:

index.php?id=about&image=1, index.php?id=about&image=2, AND index.php?id=about&image=3

But this will reload the page with each click.

topsub

you can place the code at the top of the page, and just echo out the value of the image into a img tag. Is that what you mean?

And for the "how to call" just include this script on the home page and just "get" the value from the url and it will always run the code if the condecions are meet.

tim0fee

Thanks very much all!

I will try and see how far i can get with your suggestions - before I post back...

Best,

tim0fee

Rodney_H_

I was tooling around and came up with this:

<?php
// If id is About:
if (($_GET['id']) == "about"){
$image1 = "about1.gif";
$image2 = "about2.gif";
$image3 = "about3.gif";
}

// Else if id is Contact:
elseif (($_GET['id']) == "contact"){
$image1 = "contact1.gif";
$image2 = "contact2.gif";
$image3 = "contact3.gif";
}
// Else default:
else {
$image1 = "else1.gif";
$image2 = "else2.gif";
$image3 = "else3.gif";
}

?>
<html>
<head>
<title>TITLE</title>
<script language="JavaScript" type="text/JavaScript">
<!-- JavaScript to Swap Images (courtesy of MacroMedia DreamWeaver)
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body>
<p><img src="<?php echo $image1; ?>" alt="image" name="image" id="image" /></p>

<p><a href="#" onClick="MM_swapImage('image','','<?php echo $image1 ?>',1)">Link One</a><br />
  <a href="#" onClick="MM_swapImage('image','','<?php echo $image2 ?>',1)">Link Two</a><br />
  <a href="#" onClick="MM_swapImage('image','','<?php echo $image3 ?>',1)">Link Three</a></p>
</body>
</html>

It works for me 😃

tim0fee

Wow thanks that looks cool Rodney - but the code doesn't work for me - just a blank page! ;-(

maybe a copy/paste thing...? I'm saving your code as foo.php Is that right ?

I am trying this code but with no luck. Any further ideas ?

(in the 'about' page):

<?php

//declare an array of usable images

$images = array( "one.jpg", "two.jpg" );

echo "<img src=' $images'/>";

Then calling the script by:

<a href="index.php?id=about&images=one.jpg"> image 1</a>

I get nothing! Anyone spot my mishtakes please ?

tim0fee

Rodney_H_

tim0fee wrote:
Wow thanks ... but the code doesn't work for me - just a blank page!

Tim, you have to rename the images to use ones that you actually have on your server. For example, in this code snippet:

$image1 = "about1.gif";
$image2 = "about2.gif";
$image3 = "about3.gif";

about1.gif, about2.gif, about3.gif, etc... have to be replaced with actual image names that you want to use on your "about" page. And so on for the other images.

Also, when echoing the image, you have to make sure that the image path is correct. For the following code snippet, the image is in the same directory as the file, "foo.php":
<img src="<?php echo $image1; ?>" alt="image" name="image" id="image" />

Otherwise, you will have to change the image source path... It should work. I have tested it...

Maybe you already knew all that and it still doesn't work for you. Oh well. Half the fun of PHP is learning and trying and discovering for oneself...

tim0fee

Thanks R! Yeh - I did know that much - but it still isn't doing what it clearly is for you... :-(

Did my code attempt make any sense ? I'm gettin a bit lost now...

tim0fee

Hey Rodney & anyone else who is looking for a similar solution:

I found a very similar script to your idea here:

http://www.phpfreaks.com/forums/index.php?showtopic=66771

It works for me. Thanks again for your help!

tim0fee

Rodney_H_

Great! Glad it works!