Topic: Need Advice (Page 1 of 1)

I have many background texture images I have created. I will never use a tenth of them and I would like to offer the graphics on a right click/copy picture page but I do not know how to set up a page to display a boatload of inline images. Is there a way to quickly do a CSS page of inline images? I am not interested in spending many hours learning this. Any links or tutorials to make it easy would be appreciated. I can do it quickly with tables but I prefer CSS. How could the page be loaded quickly?

Why CSS imparticular? it's not a 'one for all' thing.

Best thing to do is create a looping function that writes out page code repetitively just changing the source of the file.

That is my opinion. For real simplicity you could create a recursive PHP page that finds all images (regardless of name or type) in a directory and prints them to the page - this could look as pretty as you want, all comes down to effort. It is very simple and enables you to add extra images without having to change a line of code (just put them in the directory).

CSS wont make images load any faster, they are what they are - with PHP you could spread the images over multiple pages thereby reducing the individual page download size. Besides if you use CSS to add the pictures they aren't saveable in the same way (have to right click > 'save background as' - plus can't drag to desktop).

Final thing, you said: 'page of inline images' - images are inline by default so I'm kinda confused ...?

Hope that has helped straighten things a bit, maybe I just made things worse tho - sorry if that is the case.


visit my CryoKinesis Online Gallery

http://www.alistapart.com/articles/practicalcss/

Read through that article for a simple yet flexible method.

:::11oh1:::

Smonkey..for real simplicity I could create a recursive PHP page?...in my dreams..any Links to how that is done? btw Default must be easier for some than it is for others.
Krets I am reading the link you posted, it looks fairly simple.

smonkey..your online gallery is stunning..I looked at it after I posted or I would not have two replies here.

Ok, when I said 'for real simplicity' I meant it terms of operation, not in development, although it wouldn't be that much code. I'm no PHP brainiac, otherwise I'd write a basic script for you (literally would only be about 10 - 15 lines).

If you can give use some idea of the actual look you are going for that would help finalise the best method to create that. A page of images would be relatively easy, but wouldn't look that nice, but then that might not matter to you - I don't know.

Thanks for the comment about the gallery - it's been shut for a while now and will be back soon (just trying to get a js scroller thing working).

The whole site is powered using reusable segments of js code so it is speedy and semi dynamic, I used js instead of PHP coz I don't know PHP, but I had a friend make a PHP breadcrumbs script for me (hence why the pages are suffixed .php).

Cheers bud,

Jon

<A HREF="http://www.cryokinesis.co.uk" TARGET=_blank>visit

a few lines of code..? That is intriguing. It is placing PHP in the server and configuring the PHP that intimidates me. The Guru's network has tutorials. I will see if there is something on the subject over there. The thumbnail images/page load might make a good topic for a basic tutorial if it is that easy. I appreciate the offer of "doing it" but I will try to muddle it along and ask for help when I am really confused. It is time and effort best spent learning it myself but if you wish to do it for me..I won't turn it down



[This message has been edited by skyetyger (edited 12-15-2003).]

Do you want something like this? http://monkeyinpsychosis.tripod.com/art.html

I set the img tags class to "thumbs" and use the following style

.thumbs

{

margin-left:15px;

margin-right: 15px;

margin-top: 15px;

margin-bottom: 15px;

border: 3px solid #647147;

}

For the images, just list them normally.

<img src="#" alt="1">

<img src="#" alt="2">

<img src="#" alt="3">

ninmonkey: kind of off topic but I thought i'd let you know. Your page breaks REAL bad in Firebird. Just FYI...

carry on...

Later,

C:\


~Binary is best~

If the code snippet isn't what is breaking the page in firebird, I will insert it in the page and give it a twirl. I assume the "click here to see larger image" is a separate linked demonstration page. The images could be set up on each side of a Inline Frame and the larger image displayed in the inline..hmm..It is simpler than I thought.

CPrompt: I know, but it's tripods fault. My code validates, but tripod adds some really weird code. (I'm using firebird too)

quote:

---

The images could be set up on each side of a Inline Frame and the larger image displayed in the inline..hmm..It is simpler than I thought.

---

i am working on a script that will have a scrolly along the left side and when you click on one of the pics it will show on the right. As soon as I finish it you can give it a whirl if you like. Might be a little while before its finished so i hope you're not in a hurry

Later,

C:\


~Binary is best~

C Prompt..Thank you..I will give your page a twirl when it is ready and no hurry as I am working on the alignment of this page..and it is almost beyond my skills..aligning lists on a page..but I HAVE to update the directory pages on my site. The old table layout is getting moldy..
http://www.skyetyger.com/autumn.html

I did this web page a long time ago. It might be suitable for image but I like your idea better. Contact me at skyetyger@aol.com when the page is done and I will be "give it a twirl."
http://www.skyetyger.com/next.html