PDA

View Full Version : Horizontal Scrolling Galleries


Zeroes
04-19-2012, 09:39 PM
Hi, I've been given a project by a client to create a gallery of their products with a horizontal image gallery. I've tried using I tables but I have to say that looks a bit tacky with the default scroll bars popping up.

The example I've been given is this:
http://www.sianashleigh.com/portfolio-1.php

I'm only really a graphic designer and have little knowledge of dreamweaver and this looks quite complex.

Can anyone lend a hand? Thanks!

EDIT: Also got some very minimal flash catalyst experience, if it could be done on that easily, that could also work too!

edbr
04-20-2012, 01:22 AM
do a yahoogle seardh for ' jquery galleries' there are several sits displaying 10,20,50 etc best options. you will find a solution with one of them and it will look better probably. they are easy to implement but im sure someone here will help you if you get stuck

edbr
04-20-2012, 01:23 AM
welcome to the forum BTW

Zeroes
04-21-2012, 11:02 PM
Awesome thanks for the reply. There are some great ones Ive found and they seem relatively easy to implement.

My only concern is if their free or not? Are they all ok to use on a site? Do you have to give credit? Any copyright issues? I might be worrying unnecessarily but it pays to be sure!

Zeroes
04-21-2012, 11:16 PM
(I thought I posted a reply already but I guess I didnt so I'll post again, sorry!)

Awesome! Thanks for the help, Ive found some great ones and they look relatively easy to implement.

My only worry now is cost and legalities. Are these plugins free to use? Are there any copyright issues with them? Do I have to give credit or something like that? I know I'm probably over reacting, but it pays to be sure when it comes to copyright!

Zeroes
04-21-2012, 11:20 PM
I've been having some trouble with the quick reply in this forum, my posts seem to be disappearing. So sorry if theres suddenly 2 other posts that decide to reappear.


I basically thanked you for your help. Ive found some really nice looking ones and they seem to be relatively easy to implement.


My question was about cost and copyright issues. Is there anything to do with copyright to worry about when using these plugins? Are there any costs or do I need to give credit on the site itself?

edbr
04-22-2012, 01:21 AM
should be ok now, it seems a post of yours got flagged as 'for approval' by the forums software. I have cleared that now

Zeroes
04-22-2012, 02:00 PM
OK so the one Im trying to use is this Smooth Div Scroll: http://www.smoothdivscroll.com/index.html#toc


I have the settings for my Div:
<style type="text/css">

#apDiv1 {
position:absolute;
left:10px;
top:9px;
width:1024px;
height:100px;
z-index:1;
}
#scrolldiv {
position:absolute;
left:10px;
top:109px;
width:1024px;
height:361px;
z-index:2;
}
</style>Scrolldiv is the one I'm trying to turn into a scrolling gallery.


I have my images in the Div like this:
<div id="scrolldiv">
<img src="image1.jpg" width="554" height="768" />
<img src="image2.jpg" width="547" height="768" />
<img src="image3.jpg" width="568" height="768" />
<img src="image4.jpg" width="567" height="768" />
</div>And I have the code for the smooth scroll in the script section (with other things) like this:
<script type="text/javascript">
$(document).ready(function() {
$("#scrolldiv").smoothDivScroll({
mousewheelScrolling: true,
manualContinuousScrolling: true,
visibleHotSpotBackgrounds: "always",
autoScrollingMode: "onstart"
});
});
</script>
I have the provided plugin downloads directly in the websites folder. CSS, Images and js were the provided folders.

I must be missing something or have linked something up wrong, because at the moment the website just displays the images normally within the Div.