[how to] image link like this (html)

**dAmn_u** · 03-06-2011, 05:10 PM

hi istoryans

need help
naa ko gubuhat na webpage project namu..

naay section na image gallery

gusto unta nko na kanang parehas sa facebook ang pag view sa mga image

naay next, precvious, unya isa ra ka image ang ma view . i next 2x lng .

hehe nagpractice pa ko html

thanks

**neigyl_noval** · 03-06-2011, 10:32 PM

Use php to switch between links from images.
Use javascript and css for aesthetics.

**dAmn_u** · 03-06-2011, 11:11 PM

i got it na.

. thanks ..

mao ni akong na search

<html>
<head>
<title>sample</title>
<meta name='DESCRIPTION' CONTENT='Welcome to my photo gallery.'>
<meta name='KEYWORDS' CONTENT='photo, gallery, album, collection'>
<meta name='TITLE' CONTENT='MY PHOTO GALLERY'>
<link rel=stylesheet type='text/css' href='style1.css'>
</head>
<body>
<table cellpadding=8 cellspacing=8 border=0 align=center width=70%>
<tr valign=top align=center>
<td class=extra colspan=4>
Student Photo Gallery</td>

</tr>
<tr valign=top align=center>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
</tr>

<tr valign=top align=center>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
</tr>

<tr valign=top align=center>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
</tr>

<tr valign=top align=center>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
<td><a href='images/pic.jpg' target='_new' title='Click to enlarge'>
<img src='pic.jpg' width=100 height=75 border=0></a>
</tr>

<tr valign=top align=center>
<td class=extra colspan=4>
<a href='#' title='Previous Page'><< Back</a> |
<a href='#' title='Next Page'>Next >></a></td>
<tr>
</table>
</body>
</html>

**kamahak** · 03-07-2011, 02:57 AM

I don't see how that would work like the way you wanted it to.

**dAmn_u** · 03-07-2011, 06:58 AM

hehe no choice kani nlng .

nice man sab ang result

**kamahak** · 03-07-2011, 01:22 PM

Yeah but, nakuha nmu ang imo previous ug next functionality ani?

You know, if you need help in web design or developing. I'd be happy to lend a hand.

What you're trying to do here is quite easy and can ideally be done in minutes. Plus, it'll help your learning experience.

Let me know.

**eyewebmaster** · 03-12-2011, 02:45 PM

Mas maayo pud butangan nimo un proper Titles and Meta description para ma crawl sa Search Engines dayon.

**noy.juan** · 03-16-2011, 02:09 PM

table.... what are those? just kidding... try not to use table as much as possible...

**neigyl_noval** · 03-18-2011, 12:58 AM

Checklist on what you need to accomplish one at a time.

1. Nana kay sample images and the previous and next link?
2. Inig press nimo sa previous ug next, mu-direct xa sa prev or next image?
3. Load the image upon click on prev and next.

Use a database to determine the next and previous image (of course). However, order them the way you want it. Load the images and store the indeces (or whatever) into an array.. For each page, an index of an array is unique. Like page1.php (pic 1). page2.php (pic 2), etc (or use get or post para mas chuy). When successful, apply aesthetics.

Thread: [how to] image link like this (html)

Thread Tools

Search Thread