Jump to content
Sign in to follow this  
azer

Scrolling Images Carousel With Hotlinks In Header

Recommended Posts

here is the thread for http://www.oscommerce.com/community/contributions,3274

 

Thanks to Harold Gross and Richard Lindsey

 

here is an exemple : Http://www.mrdeliveryman.com

 

this will allow you to add a bunch of scrolling/slider images to your header area, they scroll horizontally

Its highly customizable, you can add images, subtract images, add hyperlinks so when you click on an image you are taken to a specific page. The backround color can be changed, the scroll speed can be changed, and the image height and width as well as the scroller can be changed to fit your needs. Im sure you can even add this to a box if you wanted to.

 

 

Here are some idea for further enhancement :

 

- Make an admin configuration group to :

* be able to chose the height and width of the images

* be able to chose if when you enter a category the carousell will show only image from this category or still all

 

- check if it show only product that are enabled

 

- check if there is an ALT to the image on the carousel that would be the product name

- find a way to make the carousel being more smooth, the animation seems to have some saccades ( irregular movement)

 

We could discuss all that in this support thread :rolleyes:


MS2

Share this post


Link to post
Share on other sites
here is the thread for http://www.oscommerce.com/community/contributions,3274

 

Thanks to Harold Gross and Richard Lindsey

 

here is an exemple : A href="http://"www.mrdeliveryman.com" target=_blank>Http://www.mrdeliveryman.com

 

 

 

 

Here are some idea for further enhancement :

 

- Make an admin configuration group to :

* be able to chose the height and width of the images

* be able to chose if when you enter a category the carousell will show only image from this category or still all

 

- check if it show only product that are enabled

 

- check if there is an ALT to the image on the carousel that would be the product name

- find a way to make the carousel being more smooth, the animation seems to have some saccades ( irregular movement)

 

We could discuss all that in this support thread :rolleyes:

It would be nice to see the code for this to work as a scrolling vertical image in an infobox.

Bill Kellum

 

Sounds Good Productions

STS Tutorials & more: STSv4.6, STS Add-ons (STS Power Pack), STS V4 Forum STS Forum FREE TEMPLATE

Share this post


Link to post
Share on other sites
It would be nice to see the code for this to work as a scrolling vertical image in an infobox.

 

 

there are plenty of vertical scrolling boxes , search the word : scroll in the contrib

 

the aim of this one is that it s horizontal :-)

 

but by the way we could see wich is the best vertical contrib and use some idea to improve this carousel one : :thumbsup:


MS2

Share this post


Link to post
Share on other sites
here is the thread for http://www.oscommerce.com/community/contributions,3274

 

Thanks to Harold Gross and Richard Lindsey

 

here is an exemple : Http://www.mrdeliveryman.com

Here are some idea for further enhancement :

 

- Make an admin configuration group to :

* be able to chose the height and width of the images

* be able to chose if when you enter a category the carousell will show only image from this category or still all

 

- check if it show only product that are enabled

 

- check if there is an ALT to the image on the carousel that would be the product name

- find a way to make the carousel being more smooth, the animation seems to have some saccades ( irregular movement)

 

We could discuss all that in this support thread :rolleyes:

 

I'm very confused. The contrib has the code in the description, then an entry saying some file is junk, then an entry from 2005, which is the code I downloaded. It is very different from the code in the contrib description, for example it seems to do an sql lookup for products instead of having them listed explicitly.

 

The problem is, it doesnt work. I installed as instructed, and I get nothing but a vertical gray line in the center of my header area. I then tried having the code by itself in a file, calling it as header, and it still did nothing.

Share this post


Link to post
Share on other sites
Is anyone else actually reading this support thread?

OK, I found the problems. First, the install doesn't work as listed because the config entry key value needs to be set to 1 more than the max, but is being set to the max. Second, when, like in my case, image height is set to 0 in admin to force computation of the height, the code breaks.

Share this post


Link to post
Share on other sites

I like this contrib - thank you!

 

I have inserted next to my logo (moved script to after logo.gif section)

To view on my website --> www.omgula.net (Note: Still in major live construction after change of host).

Edited by omgula

Share this post


Link to post
Share on other sites

I can't get this to work at all!! :'(

 

I'm trying to make my header scroll along (which I think will look really good) but all I get is little boxes of red crosses scrolling above my header.

 

Can anyone help?


I didn't say it was your fault........ I said I was going to blame you!!

Share this post


Link to post
Share on other sites
I can't get this to work at all!! :'(

 

I'm trying to make my header scroll along (which I think will look really good) but all I get is little boxes of red crosses scrolling above my header.

 

Can anyone help?

 

 

Did you get it to work? It works perfect on my site www.khaliscostumes.com. I still need to adjust the sizes of the images but other than that, it works.

Share this post


Link to post
Share on other sites

This is a great contribution and easy to set up. Worked first go.

 

My only question is, is it possible to set the sliderwidth variable as a percentage instead of pixels?

 

//Specify the slider's width (in pixels)

var sliderwidth="760";

Share this post


Link to post
Share on other sites

Nice contribution.

I'm starting my site now, didn't know anything about sites, php, etc and it was very simple to install it. Now i need to add links to the images (link to product description) is possible?

Many thanks

Share this post


Link to post
Share on other sites

hi everybody from italy B)

i like this contrib a lot, but i miss one thing: it would be great if one could add some text below each image in the slide (eg. short description and/or price)

since i'm not good with javascript, could anyone help and maybe extend the contrib with this (helpful, i hope) mod?

Share this post


Link to post
Share on other sites

Would like to thank all the people that made this contrib happen....

 

My site still has some way to go, but you can check it out: RKS Computer Solutions Online Shop

 

I didn't want the scroller to be in the heading, so i stuck it in index.php, took me a while o figure out how to dismantle it and get it to the right place, but finally got it done... check it out on on of the categories....


Riaan

Share this post


Link to post
Share on other sites

I like how you made it appear in the category. Could you show me what changes you did to make this work? Also has anyone added this contribution as a box. I would like to include it in several parts of index.php but sticking all that code in there 3 times is hassle.

 

Any help would be great Thanks

Share this post


Link to post
Share on other sites

I like how you made it appear in the category. Could you show me what changes you did to make this work? Also has anyone added this contribution as a box. I would like to include it in several parts of index.php but sticking all that code in there 3 times is hassle.

 

Any help would be great Thanks

Share this post


Link to post
Share on other sites
I like how you made it appear in the category. Could you show me what changes you did to make this work? Also has anyone added this contribution as a box. I would like to include it in several parts of index.php but sticking all that code in there 3 times is hassle.

 

Any help would be great Thanks

 

 

Is it also possible to add arrows to control the scroll? ie scroll left to go back to a product or right? kind of a wish list I know but would be nice

Share this post


Link to post
Share on other sites

I like the contribution, however entering list after list of products is time consuming.

 

 

It should be possible to take the list of active products and scroll through them???

 

anyone got ideas on the coding?

Share this post


Link to post
Share on other sites

I like the contribution, however entering list after list of products is time consuming.

 

 

It should be possible to take the list of active products and scroll through them???

 

anyone got ideas on the coding?

Share this post


Link to post
Share on other sites

sutikah: Did you got it to work??? I've got just the same problem. ¿Did you fix it?

 

 

 

 

I can't get this to work at all!! :'(

 

I'm trying to make my header scroll along (which I think will look really good) but all I get is little boxes of red crosses scrolling above my header.

 

Can anyone help?

Share this post


Link to post
Share on other sites
I can't get this to work at all!! :'(

 

I'm trying to make my header scroll along (which I think will look really good) but all I get is little boxes of red crosses scrolling above my header.

 

Can anyone help?

Share this post


Link to post
Share on other sites

I fixed it.

 

It was a so silly thing!!

 

The path to image files was wrong...

 

I put:

 

leftrightslide[0]='<a href="http://"><img src="/images/FotosCabecera/Altavoz.jpg" border=0 width="75" height="75"></a>'

 

insted of:

leftrightslide[0]='<a href="http://"><img src="images/FotosCabecera/Altavoz.jpg" border=0 width="75" height="75"></a>'

Share this post


Link to post
Share on other sites

Hi everyone from france !!

 

Is there a new file I've posted in the contribution page ! there

you'll find the way to use sql request to add pictures in the code!

 

I would like more info about made the scrolling from left to right opposite from actualy !

 

Is some one know how to do it ? I didn't find the good way

 

Bye bye

Share this post


Link to post
Share on other sites

QUESTIOSNS :

 

- did someone found a way to have it working with enable / disable categories ?

 

- does someone got an idea hwo to make the scrolling smoother ?


MS2

Share this post


Link to post
Share on other sites

Oh boy, this is going to be fun. Looks like I'm on my own for this one. Am crossing fingers that there might be some help if I need it.

Edited by lostndazed

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×