Jquery :: PrettySociable - Change The Tooltip (that Shows Up When You Drag An Image) To Default To An Image On Server
Jul 3, 2010
I've been using prettySociable on my site (can be downloaded here. I use the uncompressed version). I want to be able to change the tooltip (that shows up when you drag an image) to default to an image on my server, rather than to the page title. I think I've tracked down the code on line 265 of the jquery.prettySociable.js file, but I'm unsure how to change it:
I am trying to implement a rubber band/image selection script. For that I need to remove the default drag behaviour on an image. I am able to do this in IE but not Netscape. Does any one have a solution?
Pls look below for IE code:
var moz = ((document.all)? false : true); var ie = ((document.all)? true : false); var ElementUtil = new Object(); ElementUtil.addEventListener = function(o, type, handler) { if(ie) { o.attachEvent("on" + type, handler); } else if(moz) { o.addEventListener(type, handler, false); } }
// Removes default drag behaviour on image in ie ElementUtil.addEventListener(img, "drag", function() {return false;});
how can I make simple mouseover image tooltip on the little cubic image in the first column of every row - when it's mouseovered, the image of current book, which is in that row, should be in tooltip.The name of every the image in folder "slike" is exactly the same name as the value of "slike" in xml for every book(knjiga)!
Here's what I usually use and have been using for years and it works great, just not for this particular purpose. I don't have a clue when it comes to javascript.
<noscript><img src="no_script_quote.gif" width="406" height="94"/></noscript><script language="javascript"> var delay=6000 var curindex=0
[code]....
But, now I want to be able to set a default picture to be shown first and have the random pics appear next. I also don't want the default pic to show up again in the random array. So basically, every time the page was first visited, or refreshed it would show the default picture then move into the random pics.
I want to acheive the following functionality using JAVASCRIPT -:
To be able to specify alternate URL incase the original image is not found on the server.
In HTML there is functionality for displaying alternate text.
But I want some functionality for alternate image.
I saw a solution wherein I could iterate over all the images in the html page and then verify whether img.completed==null. But surprisingly eventhough the image is not found , the value of completed is not null. So I felt that using the completed atrribute was not the right way.
I either need to verify whether the image exists on the server using JAVASCRIPT or do some other thing with some other attribute which might not have come to my attention till now.
I am trying to load image and display other stuff dynamically, but I am having a hard time with it.How can I find out "span class" on the code below?what exactly defines "this"? and how can I access its contents?
I have a jquery Tree program. I got from the net written by Mauro. here we can drag and sort the node.To run this program, we need 2 JS file.
1) jquery.simple.tree.js 2) Jquery file.
For Jquery I used latest version. 1.4.2.When I ran the program, tree working fine, But when I start to drag, it dragged but displayed a JS error "Invalid Argument". I am using IE8. My project work only in IE8.So I tried it with Jquery previous version, in IE8, the drag working with Jquery 1.3.2.But I should use Jquery 1.4.2 (Latest version).The program is a attached herewith.how I can use it with Jquery 1.4.2 and jquery.simple.tree.js.
It is not a big program, only basic things are there. You can run with out any server.Please check it.and help me combinationhow i can run this program with out JS error with a jquery. simple.tree.js and jquery 1.4.2 in IE8.I think if it works on IE 8 with JQurey 1.4.2, lot of people can work with this and thanks for the script to original author Mauro.
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
I am using and modifying the sample demo page and have a error on IE:
Using:
The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7.
I have a hidden popup that I populate with content and it dynamically expands to the size of the content. I then show the popup. When a user clicks on another link, it populates the popup with longer or shorter content. When the content is SHORTER, it seems to show the background image that I'm using expanding to the height of the previous size of the popup. I've tried setting the height manually with JS, no luck. This only happens on IE6.
I'm using this jquery plugin I recently found, and I'm having some trouble with it. Actually I got it to work quite nicely, the thing is that (as you may notice in that same demo) it works using the Title attribute so when you hover for a couple of seconds over a menu button, that awful default tooltip appears. I did some research but I couldn't find any simple way to hide those.
I am playing with an idea I found, here is a demo, And while I like it's function, I would like to make a couple mods. 1) How do I remove an item from the built/filled image list
I need different definitions of tooltip on one page: 1/ Replace the default tooltip of all title elements
$('*[title]').tooltip({ delay: 500 });
AND
2/ Replace only Title elements within class "fast" (e.g. <a class="fast" href="..." title="fast tooltip">Fast</a> )
$('*[title].fast').tooltip({ delay: 0 });
But first definition overrides the second one all the time. I moved "general" definition 1/ on the first position of js and the "class based" 2/ on the last one but no success.
In this webpage drshama.bravehost.com/documents.html
I like to create on mouseover on text the image should display in one frame box. on second text i mouseover, it should display the image in the same frame box... like that on all
The pagination itself WORKS FINE. However, I'm trying to use a tooltip script on an image hover, and though it works fine if the page is properly cached, it does NOT work as I go from page to page, using the pagination numbers to navigate. Oddly, if I click on the picture itself, the tooltip works. You can see what's going on here [URL] when you roll over the top three images they do not initially utilize the tooltip script. However, if you click the image, it begins to show the larger image. Here is the javascript code associated with the PAGINATION, thought I really don't know where the problem resides:
I have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. I can't do this.
I am using ContentFlow from [URL] It is very well documented on their website. I got the whole thing working great on my site. What I don't know is how to change the ActiveItem onclick to just bump it over to the next image as if the next image had been clicked. As of right now it opens the image source in a self window. I don't want that. Can anyone give me a clue or maybe the whole answer on how to get it to click over to the next image? I believe the answer lies in the contentflow_src.js file.
I was wanting to know how to properly make an image change when you hover over the main image.URL...And I want ALL the images to change as soon as you hover over each image.Now here's the problem. Whenever I layout my coding like that, when I hover over ANY image, an image I don't want to change, changes.So is there any way that I can get ALL images to work without having to create external JavaScript files?
I'm failing to get a pure CSS way to achieve this, so trying JS. Several small images in a row, each different. Want mouseover to:
1. change each image to different image on mouseover (each image has its own mouseover image version).
2. produce different paragraph of text below row of images on each mouseover.
I can achieve it with mouseover on text links or on an image, but not with the two events, viz mouseover image swap + mouseover text swap. Would also want to be able to style the text.
I want to make an moving image. In time it should change to other image with other button. Also it could be changed by user. The change should be dynamic like moving from left to right.
