|
[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 |
|||
|
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 |
|||
|
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! |
|||
|
« Next Oldest | Next Newest »
|
User(s) browsing this thread: 1 Guest(s)

Search
Member List
Calendar
Help




