Hi Aaron,
Is there a public test page that you can show us? It'll help
immensely. Hard to troubleshoot if we don't have the full picture.
Also, please take a look at the plugin's documentation -- in
particular, the Getting Started section:
http://plugins.learningjquery.com/cluetip/#getting-started
Here is a snippet from that page:
Include the jQuery core file, the Dimensions plugin, and the clueTip
plugin in the <head> of your document. You may optionally include the
hoverIntent plugin as well. After these scripts are referenced, you
can reference a custom script file to invoke your clueTips (preferred)
or enter the script directly in the <head> (shown below). You should
also include the clueTip stylesheet (jquery.cluetip.css) after the
scripts.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.dimensions.js" type="text/javascript"></script>
<script src="jquery.hoverIntent.js" type="text/javascript"></script>
<!-- optional -->
<script src="jquery.cluetip.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.tips').cluetip(); // basic clueTip loaded via "ajax"
$('#houdini').cluetip({
splitTitle: '|', // use the invoking element's title attribute to
populate the clueTip...
// ...and split the contents into separate divs
where there is a "|"
showTitle: false // hide the clueTip's heading
});
});
</script>
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />
Hope that helps
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On May 15, 2008, at 12:01 AM, Aaron wrote:
ok I have so far this:
$(document).ready(function() {
$('#image').cluetip({sticky: true, mouseOutClose: true});}
That is what I have is it wrong??
yet this dosen't work.
On May 10, 7:02 pm, Aaron <[EMAIL PROTECTED]> wrote:
What do you mean the plug-in grabs the contents?? would that be the
whole html file?? or just like elements??
I downloaded your plug-in but I am confused on which file I need to
include into my html file to be able to use the functions.
Can't jquery already do somthing like this??
On May 10, 12:36 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Hi Aaron,
I put together a little demo for you using my clueTip plugin. In the
demo, hovering over the main image pulls in the contents of another
page, which happens to have four images on it. You can have those
four
images on the main page instead if you want, and just hide them when
the document loads. Either way works fine:
http://plugins.learningjquery.com/cluetip/demo/pix.html
--Karl
_________________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On May 10, 2008, at 12:31 AM, Aaron wrote:
also one thing Glen I wanted that box/window that faded in when the
mouse is over the image I wanted it to also not fade out when I
move
my mouse off the image onto that box/window so I can view images
on
that box/window.
On May 7, 8:53 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
Something like this?http://www.commadot.com/jquery/hoverTableFade.php
Glen
On Wed, May 7, 2008 at 11:25 AM, Aaron <[EMAIL PROTECTED]>
wrote:
no that's not what I plan to do. What I am trying to do is
this: I
have an image of the user already on the page when the user puts
it's
mouse over the image I want a table or somthing that would fade
it on
top of the image . so that table will contain all photos the user
uploaded when the user moves the mouse off the image or off the
table
the table will fade in.
it's like a navigation but it's a quick way for the user or
friends to
look at their photo albums without loading a new page ect.
On May 7, 1:34 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
Does this help?http://commadot.com/jquery/hoverFade.php
Maybe if you post something in the ballpark, we could help
troubleshoot
it?
Glen
On Tue, May 6, 2008 at 5:48 PM, Aaron <[EMAIL PROTECTED]>
wrote:
Can you give me an example code of what I need to do to get a
table to
fade in above the picture which when the mouse is over the
picture
will activate the fade in function and also when the mouse goes
off
the photo or that new fadeded in table then it would fade
out. The
table that fades will will contain more photos of that user.
On May 3, 5:20 pm, Aaron <[EMAIL PROTECTED]> wrote:
Hi I am having trouble using thehoverand fade in and fade
out I
look
at the doc I understand it but I don't understand how I can
use
it
for
what I want to do.
I want the user to be able when the mouse is over a photo of
them a
table or window fades in with other photos they uploaded ect
when the
mouse moves off the photo or the table then the table or
window
fades
out.
can some one explain how I can do this and what rules I should
follow
when usinghoverand fade in and fade out ect.
could I make a javascript use jquery? if so how??
I know I can do this in html but I would like to make a
javascript
with jquery functions ect and have that file added to the html
doc.-
Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -
