qTip2 :: Pre-release changes (AKA What happened to my qTip styles!?)

Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Solved] qtips are visible only once
17th February, 13:31 (This post was last modified: 17th February 13:35 by fourgood.)
Post: #1
[Solved] qtips are visible only once
hey,

im using the "movingBoxes" slider to display images of the newest wordpress post.
there is a navigation under the images and therefor i want to use qtip to preview the picture of the post which slides in if click the nav-point.

so far everything works as it should, but only once. i hover over the navigation points and qtip shows the images. if i hover again, it simply shows the title and not the image.

this is the code for my movingboxes plugin, which generates the preview images.
[php] <script>
$(function(){

$('#slider').movingBoxes({
/* width and panelWidth options deprecated, but still work to keep the plugin backwards compatible
width: 980,
panelWidth: 0.5,
*/
wrap : true, // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
buildNav : true, // if true, navigation links will be added
initAnimation: false,
reducedSize : 0.999999999,
navFormatter : function(index, panel){ _title=panel.find('span').text(); _url=panel.find('a img').attr('src');
return "<div class='formInfo' id='"+_title+"' title='"+_title+"'>●<img width='80' height='80' class='imag' src='"+_url+"' style='display: none' /></div>"; }

});

});
</script>[/php]

this is my qtip code
[php] <script>
$(document).ready(function() {
$(".formInfo").live("mouseover", function(){

$(this).qtip({

show: { ready: true, event: 'mouseenter', delay: 0, solo: true },

position: { my: 'top center', at: 'bottom center', adjust: { x: 0, y: 15 }, },

content: $(this).find('img'),

hide: { event: 'mouseleave', delay: 1000, fixed: true },

style: { tip: 'topMiddle', classes: "ui-tooltip-dark ui-tooltip-rounded ui-tooltip-shadow" }

});

});
});
</script>[/php]

see example here: http://jsfiddle.net/fDavN/2710/

any help is highly appreciated
Find all posts by this user
Quote this message in a reply
17th February, 14:08
Post: #2
RE: qtips are visible only once
Set overwrite to false, so that the tooltip is rendered every time the live event occurs: http://jsfiddle.net/fDavN/2711/

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
17th February, 14:29
Post: #3
RE: qtips are visible only once
(17th February 14:08)Craig Wrote:  Set overwrite to false, so that the tooltip is rendered every time the live event occurs: http://jsfiddle.net/fDavN/2711/

thank you so much!
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  qTips only flip on 2nd hover coastph 0 40 14th May 05:10
Last Post: coastph
  [Solved] Position qtip to div but still stay always visible on screen gorczas 7 181 9th April 14:53
Last Post: gorczas
  [Solved] qTips image disappeared btjandra 2 88 4th April 20:09
Last Post: btjandra
  qTips won't stay within bounds of viewport exces6 9 233 31st March 18:26
Last Post: exces6
  [Solved] 2 qtips? relipse 6 153 16th February 22:24
Last Post: relipse
  [Solved] Want Horiz only qTips w3surfer 4 309 13th December 19:58
Last Post: w3surfer
  IE compatibility issue: <div>s disappearing when qTips are shown kdjohns 0 339 12th December 15:37
Last Post: kdjohns
  Collision detection between overlapping qtips monkeycloud 6 1,933 3rd December 11:01
Last Post: zwervertje
  [Solved] max-width only for some qTips xara_k 2 485 13th November 09:17
Last Post: xara_k
  [Solved] Set zindex for individual Qtips MichaelJohnston 2 467 26th September 04:29
Last Post: MichaelJohnston



User(s) browsing this thread: 1 Guest(s)