lennyonestep — 2012-08-17T13:59:47-04:00 — #1
markdidj — 2012-08-18T16:50:18-04:00 — #2
Do you know any server side languages?
lennyonestep — 2012-08-19T01:18:35-04:00 — #3
I have dabbled with mysql and php but not recently. I acknowledge your advice but I would still like to know if it can be done with js and if you know how would you please help me?
ralphm — 2012-08-19T01:41:01-04:00 — #4
This is just standard HTML. You don't need any scripting for that.
markdidj — 2012-08-19T05:03:06-04:00 — #5
The problem is getting the list of images at the new page. How do you know what images to display? As ralph.m mentioned you can use HTML, but you'd have to build each page by hand and manually add the images.
You might be able to use window.open(), and then push the list of images to the new window.
lennyonestep — 2012-08-19T07:39:30-04:00 — #6
lennyonestep — 2012-08-19T07:49:41-04:00 — #7
Thanks again Mark, I don't want to send a list of images, just one. The images are located on one page, I want the user to click on an image, any image, and then just that image is then displayed on another page in larger detail. I don't really want to have a separate page to display each larger image. I think each image would have to be hyper linked with it's source? does that make sense?
lennyonestep — 2012-08-19T07:56:15-04:00 — #8
Hi Ralph, OK. It would be appreciated if you could post the standard html hyper link to the largerpic page which would display the image clicked in larger detail on the largerpic page.
ralphm — 2012-08-19T08:26:52-04:00 — #9
Something like this would do the job:
<li><a href="/images/large1.jpg"><img src="/images/small1.jpg" alt=""></a></li>
<li><a href="/images/large2.jpg"><img src="/images/small2.jpg" alt=""></a></li>
<li><a href="/images/large3.jpg"><img src="/images/small3.jpg" alt=""></a></li>
So, you have a list of thumbnail images (e.g. small1.jpg) wrapped in links to the large version. Clicking the link will result in the large version appearing in the browser window. You don't have to set up a page for it—although, if you don't, each browser will choose how it displays the image. In Firefox, for example, the image will appear in the center of the screen with a dark background. Simple, but effective.
lennyonestep — 2012-08-19T09:22:40-04:00 — #10
Thanks Ralph, I see what your doing there, but I would like something as shown in the link below. When a user clicks on an image see where it takes you. That is what I want (or something like it )
ralphm — 2012-08-19T09:26:24-04:00 — #11
OK. Well, you can do that with a standard content management system (CMS). You have a template for the thumbnails, and a template for showing the enlarged image on a new page. This is easy to do with a CMS like ExpressionEngine. It's PHP-based, but you don't have to know any PHP to set it up.
lennyonestep — 2012-08-19T09:54:20-04:00 — #12
That sounds great! can you point me to how I can get started. I know some PHP (enough to understand it I hope) Shall I just google ExpressionEngine? I shall anyway but wondered if you have any personal recommendations thanks again.
ralphm — 2012-08-19T10:14:58-04:00 — #13
There are many other CMSes, and I'm sure others will recommend their favorites, but [ExpressionEngine is a pretty cool one, though it's nto free. a similar free one is [URL="http://modx.com/"]MODx](http://expressionengine.com/), although I can't vouch for how easy it might be to set up something like you've described in that CMS. It's very easy with EE.
There are extensive docs for EE (as well as books, if you want them) that will get you started.
lennyonestep — 2012-08-19T10:38:27-04:00 — #14