wowslider help

[jaimed]

I saw that there are some really sharp coders here, and am hoping for some help.

I am using Wowslider 4.4 and have been able to get everything I'd like except for two things:
1) I'd like to put text under each thumbnail image that is associated with that slide, like they do on yahoo.com.
2) I'd like to place the prev and next images to the left and right of the thumbs, also like they do on yahoo.

Anyone up for this?
You would earn my sincere gratitude!

thanks!

[jscheuer1]

Please include a link to the page on your site that contains the problematic code so we can check it out.

[james438]

I just tried it out and it is an interesting little script. You may be able to get better help from their faq or by contacting them directly. They also have a number of questions and answers that you can look over, but I didn't see a search option for all of their questions when I was looking at their site. As of yesterday, 9/13/13, the latest version is 4.5.

The answer to your second question appears to be found here:

http://wowslider.com/rq/move-jquery-...arrows-1o.html

For your first question, could you post a link to the page that demonstrates what you are trying to accomplish?

[jaimed]

The answer to your second question appears to be found here:

http://wowslider.com/rq/move-jquery-...arrows-1o.html

Thanks James.
I saw that and tried a few things, but the arrows move down over the thumbs (or under depending on z) and I can't find a way to place them left and right of the thumbs.

A VERY preliminary concept is here: http://ifs-de.com/dev/

[james438]

This is a rather weak area for me, but in http://ifs-de.com/dev/css/engine1/style.css try changing

#wowslider-container1  .ws_thumbs { 
    bottom: -98px;
    left: 0;
	width:100%;
	height:93px;
}

to

#wowslider-container1  .ws_thumbs { 
    bottom: -98px;
    left: 50px;
	width:84%;
	height:93px;
}

more probably has to be done, but this may help.

Could you post a link to the yahoo site you were talking about that accomplished the text for the thumbnails that you were having trouble with so we can see what you are trying to do?

[jaimed]

Could you post a link to the yahoo site you were talking about that accomplished the text for the thumbnails that you were having trouble with so we can see what you are trying to do?

The main yahoo page(http://www.yahoo.com/) has a slider with thumbs, and right under the thumbs are short text descriptions.
I have tried simply adding text to the thumb list, but that didn't work. I'm thinking I have to find where the thumb divs are being created and try to append another div to each one, but this is kind if beyond me...

[jaimed]

This is a rather weak area for me, but in http://ifs-de.com/dev/css/engine1/style.css try changing

#wowslider-container1  .ws_thumbs { 
    bottom: -98px;
    left: 0;
	width:100%;
	height:93px;
}

to

#wowslider-container1  .ws_thumbs { 
    bottom: -98px;
    left: 50px;
	width:84%;
	height:93px;
}

This has promise; thanks! Just need to play with the image size and position, but could work!

[james438]

oh, it was yahoo.com itself. As for the text under the thumbnail request, I'm afraid that is beyond me. Have you tried contacting wowslider with that one? Someone here may still be able to figure that one out though.

[jscheuer1]

You can put spans in there, ex:

<a href='#' title='Health is good for you'><img src='Graphics/thumbs/1378761014_photo_health.jpg' alt='Health is good for you' />
<span>Health is good for you</span>
</a>

But getting them to show up would be a matter of css. They do survive the transformation into the slider's nav buttons. But the css style for the a tag and the two divs holding the a tags in the slider nav there is such that you cannot see them.

When I have more time, I will look into it further.

[jaimed]

oh, it was yahoo.com itself. As for the text under the thumbnail request, I'm afraid that is beyond me. Have you tried contacting wowslider with that one? Someone here may still be able to figure that one out though.

Thanks for trying (and for the css help)!