Creating a sideways slide bar
Permalink
Hi I need some expert help if anyone can take a few minutes to explain something?
I currently use a thumbnails system on my site for displaying photos, but want to get rid of these as I think they make the user journey more fiddly and annoying....
Basically i'd like to just have all the images on one page, so the user can simply use a slide bar (that goes to the right) to view all the images in one go.
When I just add images to the same 'content' block they always get arranged by going downwards... how do I change this to make them go to the right?
This is an example of what i mean about having a sideways slide bar/gallery
http://www.rankin.co.uk/portfolio/portraits...
If anyone can help it would be much appreciated!!!
Cheers
I currently use a thumbnails system on my site for displaying photos, but want to get rid of these as I think they make the user journey more fiddly and annoying....
Basically i'd like to just have all the images on one page, so the user can simply use a slide bar (that goes to the right) to view all the images in one go.
When I just add images to the same 'content' block they always get arranged by going downwards... how do I change this to make them go to the right?
This is an example of what i mean about having a sideways slide bar/gallery
http://www.rankin.co.uk/portfolio/portraits...
If anyone can help it would be much appreciated!!!
Cheers
Take a look at one of the image blocks in the marketplace. These should get you going in the right direction.
There is even some in flash.
There is even some in flash.
i've looked at these but they all seem to have their restrictions in design or functionality for exactly what i want.... really what i want is much much simpler... just to be able to add full page content block that scrolls to the right!
does anyone know what i need to change to make this happen?
thanks again
does anyone know what i need to change to make this happen?
thanks again
this. you can either (1)use pure css for image manipulation, or (2)use javascript to do what you need.
for a "sliding" gallery using css, you can check out stu nicholls' website. here's an example of his work:
http://www.cssplay.co.uk/menu/vertical-slide.html...
further photo gallery examples can be found here:
http://www.cssplay.co.uk/menu/
if you want to use javascript, you should probably use a jquery plugin to do all the heavy lifting for you. there are TONS of jquery photo gallery plugins available. just google "jquery photo galleries" and you will see what i'm talking about.
http://www.google.com/search?hl=en&q=jquery+photo+galleries&...
for a "sliding" gallery using css, you can check out stu nicholls' website. here's an example of his work:
http://www.cssplay.co.uk/menu/vertical-slide.html...
further photo gallery examples can be found here:
http://www.cssplay.co.uk/menu/
if you want to use javascript, you should probably use a jquery plugin to do all the heavy lifting for you. there are TONS of jquery photo gallery plugins available. just google "jquery photo galleries" and you will see what i'm talking about.
http://www.google.com/search?hl=en&q=jquery+photo+galleries&...
this is what i'm afterhttp://www.cssplay.co.uk/menu/photo_strip...
thanks for the links
now how do I get this going on concrete?
the link above just seems to demo the idea but doesn't tell me what code I need to implement it ... please excuse my lack of understanding... i am not a developer!!!
thanks
thanks for the links
now how do I get this going on concrete?
the link above just seems to demo the idea but doesn't tell me what code I need to implement it ... please excuse my lack of understanding... i am not a developer!!!
thanks
c5 integration for that technique can be done several ways. however, the best way to implement this method is to create your own block item or just enter the xhtml directly onto your page. it would be best to use the latter method because creating blocks involves php coding.
to create the gallery technique in xhtml, i would go to your page in edit mode, then select the area you want to enter the content. once the editor window shows up on screen, click on the html button and enter the code there.
as for the xthml code to make all this work---you already have it. stu doesn't always give nice little packages for his techniques, which is fine. i'm sure he doesn't have time to do that for every example. however, if you get back to the page for the gallery you like, you will have all the code to make this work. you just need to view the source code for the page and read the example. you will see how it works. then just edit the code to suit your needs. of course, respect the copyright for every example you use from that site.
to create the gallery technique in xhtml, i would go to your page in edit mode, then select the area you want to enter the content. once the editor window shows up on screen, click on the html button and enter the code there.
as for the xthml code to make all this work---you already have it. stu doesn't always give nice little packages for his techniques, which is fine. i'm sure he doesn't have time to do that for every example. however, if you get back to the page for the gallery you like, you will have all the code to make this work. you just need to view the source code for the page and read the example. you will see how it works. then just edit the code to suit your needs. of course, respect the copyright for every example you use from that site.
Non-techy man here in need of help!
Thanks