Home › Forums › JavaScript › JQuery question re: using AnythingFader
- This topic is empty.
-
AuthorPosts
-
February 24, 2012 at 3:01 pm #36829pattie13Member
I’m having a problem with tool tips NOT showing up on hover in the jQuery generated nav within AnythingFader.
Here’s a link to my file: http://www.dragonflyint.com/AnythingFader-withNav/agma-slideFader.html
I did get the tool tips box to finally pop-up on hover over the nav boxes by adding “title=”#” in this piece of existing code from the ‘jquery anythingfader.js’ file:
base.$items.each(function(i,el){
var index = i + 1;
var $a = $(““);
But this is obviously not going to do what i need- which is to display a different message when hovering over the respective nav box. If the jquery is already calling an image on click through this dynamically generated nav, then is there some way to display the “title” or “alt” (tool tip), assigned to that same image, on hover?Can anyone help me, please? I have a client breathing down my neck…
Thanks,
PattieFebruary 26, 2012 at 4:38 pm #97531MottieMemberIt looks like the tooltip script you are using doesn’t exist… I get a file error:
http://www.dragonflyint.com/AnythingFader-withNav/SpryAssets/SpryTooltip.js
February 27, 2012 at 10:31 am #97581pattie13MemberKarl-
Yes- like your example. Since the nav links are generated dynamically, I can’t
put in a “title” attribute which by default results in a tooltip on
hover (the un-styled tooltip on mac looks like a pale yellow rectangle
with black type). So I get nothing on hover. Any ideas?February 27, 2012 at 11:10 am #97588MottieMemberActually, I’d recommend just using AnythingSlider now. It does allow for fading (just not cross-fading of panels) – here is a demo.
@pattie13 Actually, I’ve solved that problem in AnythingSlider by basically allowing you to apply attributes directly to the nav list (LI) or include HTML in the nav links to include a tooltip name and title. Here is the documentation (look under “Apply formatting to the tab (LI) directly”).Basically, it uses jQuery’s ability to create an element and apply an object with attributes, like this:
$('
- ', {
class : 'tooltip',
title : 'my nav tooltip',
html : '' + index + ''
});March 5, 2012 at 11:28 am #98183pattie13MemberThanks for your help, Mottie. I think I will do as you suggest.
- ', {
-
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.