Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Pull images from one folder
Old 11-22-2010, 11:08 AM Pull images from one folder
PN-Matt's Avatar
Super Talker

Posts: 119
Location: London/Oxford, England
Trades: 0
I've had this site designed by a designer not sure if its a javascript or html question.

He has created a box which goes through 6 files. However I would like it to go through a whole directory of images. How would I do this? What code edits do I need?

http://www.villaringheim.com/index.html

Thanks,
__________________

Please login or register to view this content. Registration is FREE
PN-Matt is offline
Reply With Quote
View Public Profile Visit PN-Matt's homepage!
 
 
Register now for full access!
Old 11-22-2010, 11:40 AM Re: Pull images from one folder
Mug
Skilled Talker

Posts: 78
Trades: 0
Hey PN-Matt,

The designer has created individual images that are pulled in when the site loads. There isn't a database of pictures. The gallery page with the additional images works in the same way. If you wanted to load more images into the slider you would need to place the new photos in the images folder or access the gallery folder (images/galeri) and add/change some code:

Your Code:
<div><img src="http://www.webmaster-talk.com/images/Obraz1.jpg" alt="" width="410" height="264" /> </div>
<div><img src="http://www.webmaster-talk.com/images/Obraz2.jpg" alt="" /> </div>
<div><img src="http://www.webmaster-talk.com/images/Obraz3.jpg" alt="" /> </div>
<div><img src="http://www.webmaster-talk.com/images/Obraz4.jpg" alt="" /> </div>
<div><img src="http://www.webmaster-talk.com/images/Obraz5.jpg" alt="" /> </div>
<div><img src="http://www.webmaster-talk.com/images/Obraz6.jpg" alt="" /> </div>

you would add in extra code after the closing div:
...<div><img src="http://www.webmaster-talk.com/images/Obraz6.jpg" alt="" /> </div>
<div><img src="http://www.webmaster-talk.com/images/nextimage.jpg" alt="" /> </div>

The sliding image viewer has a viewport of W:410px H:264px but the current images are W:500px H:333px so ideally you would resize, using photoshop, the images to the viewport.

I imagine the designer has chosen to put just six images on the home page so not to slow it down. You have to consider what is more important to the end user a few more photos or a quick load time. Personally I think the site looks fine and I wouldn't advise adding more to the slider.

P.s If you add more photos to the slider you would naturally have to add more photos to the right hand side section as it wouldn't be consistent otherwise. Also it is good practice to add descriptive text for the images so that screen readers know a bit more about your site. To do this just fill in the alt, e.g alt="Villa oak wooden floor"

I hope that makes sense.
__________________
Mug

Please login or register to view this content. Registration is FREE

Last edited by Mug; 11-22-2010 at 11:45 AM..
Mug is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Pull images from one folder
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.14503 seconds with 11 queries