The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

2 Pages V  1 2 >  
Reply to this topicStart new topic
> Images on pages
oOMIGUELOo
post Apr 27 2012, 10:17 AM
Post #1


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



Hi, need a little advice, i'm very much new to html,

i am creating a site for mobile phones, and i need to know how to use the same image when clicked on, to show up in another page in the<table> area, for example. i use the <a href=""> theory to the page i want the same image to show up in the other page, but, what i don't understand is to direct the image to that page.

Help! wacko.gif

thanks

Miguel
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 27 2012, 04:06 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



If you mean a small image that opens a page with a larger version of the image when you click on it, then please see the FAQ entry How can I create a thumbnail image that is linked to the full-sized image?

If not, then can you explain more clearly what you want?


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post Apr 28 2012, 11:12 AM
Post #3


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



no, it's not a link to enlarge the image in another page.

ok, i'll try be more clear, what i want is:

for example,

the image 1 is clicked on in "page 1" then the same image 1 is viewed in "page 2", but... what i want is, i want it to be linked in a certain area in "page 2", depends what image you click on in "page 1", that image will show up in "page 2" in that certain area.

i don't know weather i have to use the <table><tr><td> tags in "page 2" and link the image in "page 1" in the <table> area. I'm not sure how to do it.

like a confirm download page, when you click an image from another page, you see the same image in the confirm download page.

i don't know weather i have to use jscript to do this.

i hope i was abit more clearer this time. if not i'll try to be even more clearer.

Thanks so much for helping out.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 28 2012, 12:28 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



One way is to have multiple "page 2" pages, each displaying a different image. Then on "page 1", each image links to a different "page 2" page. (You can automate the creation of the "page 2" pages.)

Another way is to generate "page 2" on the fly, with a server-side (e.g., CGI, PHP) program. Then on "page 1", each image is linked in a way that passes the identity of that image to the server-side program, so the server-side program can generate a version of "page 2" using the chosen image.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post Apr 28 2012, 02:41 PM
Post #5


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



I thought so, so to do what want with the image i have to use a server side code... I am also new to using PHP language, but have use the basics of PHP.

what about javascript, would it also be usefull to use?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 28 2012, 03:00 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



No, you don't *have* to do that. You can just create several pages as Darin said.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post Apr 29 2012, 08:10 AM
Post #7


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



Yes i know, that was that last option i was going to take, making various pages of the downloading page so i can link the image alot easier.

But i was wonding, instead of making various pages, i can use server side language and use the (if, else and do) in the code for the images? instead of making so many pages.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 29 2012, 11:47 AM
Post #8


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
But i was wonding, instead of making various pages, i can use server side language and use the (if, else and do) in the code for the images? instead of making so many pages.
Yes, you can. That's what I meant when I wrote:
QUOTE
Another way is to generate "page 2" on the fly, with a server-side (e.g., CGI, PHP) program. Then on "page 1", each image is linked in a way that passes the identity of that image to the server-side program, so the server-side program can generate a version of "page 2" using the chosen image.


What kinds of server-side program can you use? What kind of programming experience do you have?


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post Apr 30 2012, 04:26 AM
Post #9


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



i can use javascript and PHP servers, i have very little experiance, i only know the basics of jscript and PHP/MySQL...

i did study Pascal, Visual Basic and Delphi builder thou...

It's my first web page that i'm creating, and i thought if i did so many pages with the same images it would be to many, but PHP would be the best option to linking the images to the download ../*.PHP page. right?




User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post Apr 30 2012, 09:18 AM
Post #10


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



If its with php or jscript, i need help where i should put the code and how to start the code, and should i start a new *.js or *.php page and put the code in these pages and link one of the two to html page?

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 30 2012, 10:40 AM
Post #11


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Maybe you don't need to write anything. Perhaps one of these PHP image-indexing programs will meet your needs:
http://php.resourceindex.com/Complete_Scri...Image_Indexing/


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 1 2012, 03:14 AM
Post #12


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



Thanks Darin, i will look in to it.

What i was also thinking of using is the openNewWindow() theory using javascript, when clicking on an image it opens up the new window with the same image with option to download it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 1 2012, 05:30 AM
Post #13


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



But that's very different from what you first said you wanted.

BTW if the purpose is to offer the image for download, you don't have to do a thing. Anyone can just rightclick on it and save it to their harddisk.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 1 2012, 01:45 PM
Post #14


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



Yes i know, i was reading up on html bible book that also talks about javascript, and can use it better for what i want.

Sorry i didn't explain what kind of web page i was creating, its a web page for wap internet/smartphone internet navigating, to download images, videos & audio content.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 2 2012, 07:42 AM
Post #15


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



I wanted to know, how can i put more code into this new window?:

<script language="javascript">
function NewWindow(url){
window1=window.open("","","width=390,height=620,scrollbars=yes,resizable=yes");
window1.document.write("<h3>Download page</h3>");
}
</script>

and where do i put the code?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 4 2012, 05:41 AM
Post #16


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



QUOTE(oOMIGUELOo @ May 2 2012, 02:42 PM) *

I wanted to know, how can i put more code into this new window?:

<script language="javascript">
function NewWindow(url){
window1=window.open("","","width=390,height=620,scrollbars=yes,resizable=yes");
window1.document.write("<h3>Download page</h3>");
}
</script>

and where do i put the code?




in this window i want to search the images, so when i click the images in the other pages, that same image then is shown in -the new window page-. can anyone help?

i'm not sure how to do this.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 4 2012, 06:51 AM
Post #17


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



CODE
<img src="http://htmlhelp.com/icon/wdglogo.gif" onclick="window.open(this.src)">


That how you mean?


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 4 2012, 07:18 AM
Post #18


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



QUOTE(pandy @ May 4 2012, 01:51 PM) *

CODE
<img src="http://htmlhelp.com/icon/wdglogo.gif" onclick="window.open(this.src)">


That how you mean?



ok, in the onclick="window.open(this.src") in the (this.src) do i have to put the image file in the brackets?

how do i link a screen shot of the page, so i can show you what i mean?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 4 2012, 07:47 AM
Post #19


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



It needs to be as I wrote it, with a parenthesis.

Just post the URl to the screen shot or upload it to here. You do the latter with the File Attachments field below the textarea you type your post in.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
oOMIGUELOo
post May 4 2012, 08:22 AM
Post #20


Newbie
*

Group: Members
Posts: 15
Joined: 27-April 12
Member No.: 16,999



with javascript code i put above earlier, what i'm trying to do is with this new window, where it says "image small size", i want the same image to go in there. But, i put a link in this line of code in the javascript open page so it can open up with the html download page: window1=window.open(../../HTML-LINK,"","width=390,height=620,scrollbars=yes,resizable=yes");
(../../HTML-LINK)

what i can't figure out is how to insert the image in the "image small size box".


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

2 Pages V  1 2 >
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd October 2014 - 07:38 PM