JQuery :: First Change Img Attr Src And Then Display?
Nov 2, 2011
I have two img tags and a jquery script which changes the value of the src attribute of each one picked from an array of images and alternatively set the display to block and assign a decreasing z-index.
The problem is that when the hidden image pops up, it seems as if, at first, set the css display to block and then change the source of the file as, for a second, it hangs to the previous loaded picture. Well I thought it was easy to manage by setting a delay but instead seems not to do anything. And then with a setTimeout but it doesn't work as expected..
I'm attempting to make a simple hover image gallery with a static large image which swaps with a thumb on hover. However, on hover what happens is the new image comes up as the large image and if I then hover over another thumb it replaces that thumb with the original bigpic image source.
Inside of an img tag I have an onclick that fires a function. The function is supposed to change the src of a larger image elsewhere on the page. Think: click the thumbnail to see it at the enlarged_image that is on the page.
I tried this function but it doesnt work =/
function doit(){ var node = this; var nodesrc = node.getAttribute("src"); dest_img.setAttribute("src", nodesrc); }
I dont think 'this' is doing what I want it to, plus I get the error that node.getAttribute() is not a function.
I don't know why but it's not working no matter how much i try to do it. I was planning on posting some elements on a page's div and one of them allows for mutiple things going on at once, as in allows for someone to have more than one of something. And since i don't think that it'll be working right if i try to pull it from 1+ items with the same name it'd just show the last one? Or is it that PHP would show them as a list... either way it's seeming that .attr() doesn't allow for a name change for some odd reason. And i was wondering if there was any function to allow for this to be changed easily written within jquery.
I am working with the Jquery datepicker it works fine.But i need a some changes.For eg this is my datepicker:it works fine but changes i need like this previous month dates also should combine and show me like this.which i have rounded by black box.how to implement this and also i need to differentiate that's dates?Suppose if my way of asking questions is wrong please correct me also.
I am new to jQuery & Superfish, but it seemd like the most logical way to do a quick prototype for a menusystem. I am trying to create a verertical menu system (using superfish-vertical). However, I'd like to tweak the behaviour of the submenu, and have been unsuccessful so far. Here's what the current solution does (straight out of the box) assume menu item 3 is hovered over:
Love this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too.
I've been using 1.3 which allows me to query non-standard attributes on tag. On an anchor I set a value="" attribute and was able to say (in an onclick binding) $(this).attr('value') to get the value. This no longer works with 1.6. Is there another, better way to do this?
I have a suggestion based on the assumption, which I think is correct but feel free to prove me wrong, that the .attr() method returns "undefined" in two different cases:1) when the attribute is actually not present in the dom element2) when it is present but it has no value, think for example <input type="text" disabled/> which I not is not standard HTML but I've seen it pretty often...wouldn't it be better to return undefined only in the first case, and return null in the second case? In this way, it'd be clear that the attribute is set but no value is specified.
I'm getting all kinds of errors, no matter where I put the parenthesis: This all works without trying to find the attr. So, I am trying to slide a ul menu that has a parent anchor with an id of "A". $(("#VerColMenu > li > a").attr('id')=='A').find("+ ul").slideToggle("slow");
I am trying to get a href attr from variable msg. The problem is that the msg consists of not only <a element but it contains also <p element and because of that attr doesn't give any value.
var msg="<p><a href='/users/'>Username</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> var href=$(msg).attr('href');
how I can get the value of href from the above example?
Not really sure how the best way to start explaining this, but I have a small script set up that activates a second section to an accordion to display information. The idea is that a table cell will be clicked and then the second according will activate displaying information relating to the cell that was clicked in accordion part 1.
I have managed to get it to update coding in the var's by hand, now I want to be able to get certain bits of information from a nested div that is hidden in the table cell (I know, very messy - but it will all be made a little less messy in the future when I have got the process correct).
I've made a script to highlight an element when you rollover on another one.
// Highlight thumbnail on roll over post list item $("#sidebar-left .left-col2 a").live("hover", function(){ var title2 = $(this).attr("title"); alert("title : " + title2);
[Code]....
My problem is that the script works fine but unfortunatly just for the first li element that I rollover...
Edit: Changed dataType2 usage in 3rd line to be a regular variable and not a jQuery variable. Also, this seems to not be working in jQuery 1.5.2 either and only for Opera. I had originally thought this was working for 1.5.2 but I just re-tested and it is not. What happens is that dataType2 is undefined after the call to pull the attribute. I've also now tried .attr('[nodeName="ns1:reference"]') as well as using the same with .prop() in jQuery 1.6.1
This works in Firefox but will not in chrome. In chrome the .css works and changes the cursor to the hand on hover however .attr does not work it doesn't put the onclick attribute on any of the images.
I'm trying to "turn" the border for input fields on (or off).In my css I have border-style:none, and I want to turn the border backon if the first input is empty.
jquery and am trying to set the class value on a td cell. It looks as though it is crashing on setting the attr value. This is effectively what I am trying to do.
// get my row var row = $("#tableID").find("tr:eq(0)"); // get the cells in this row
I am using the "FancyBox" script to load a larger photo, plus information about the photo into a window, ontop of the window.... which works great. However I need to pass the id (or other unique value) to the javascript so it can pass it on and get the right image and info.
My photo gallery thumbnails are loaded via ajax as well using the $.(#alpha).live('click') method, which should allow me to use jquery on the loaded info (as it has let me in the past).
I am using the JQuery cycle plugin that lets me use buttons to fade in and out between different content. The structure is as follows:
HTML Code:
It all works fine but now I need to change the second <a> above, or specifically its ID from "middle1b" to "middle1" on the fly. I'm trying to do it via the method below but somehow JQuery isn't finding the second <a> and hence it can't change it's ID from "middle1b" to "middle1".
Code:
I need to change the link's ID so the hover button image is different as this is necesary to blend it in with the content above it.
