Need To Change Src Attr Of A Destination Image From One This Clicked On

Sep 5, 2007

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.

View 2 Replies


ADVERTISEMENT

ContentFlow - Change The ActiveItem Onclick To Just Bump It Over To The Next Image As If The Next Image Had Been Clicked

Jul 20, 2010

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.

View 6 Replies View Related

JQuery :: Getting Rel Attr Value From <p> With An ID When Parent TD Is Clicked?

Nov 26, 2010

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).

[Code]...

View 1 Replies View Related

Jquery :: Get The Id Of Attr From Inside Clicked Div?

Aug 10, 2010

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).

After I load my gallery it looks similar to:

<div id="photo_gal">
<div class="picture left" style="height:160px;"><a id="e1" class="the_elevators" href="#1"><img src="thumb.php?im=photographs/c/carrot2.jpg" alt="Carrot River, Saskatchewan" /><br /><div align="center">Carrot River<br />Saskatchewan</div></a></div>
<div class="picture left" style="height:160px;"><a id="e2" class="the_elevators" href="#2"><img src="thumb.php?im=photographs/c

[code]....

View 5 Replies View Related

Cant Get Image To Change When Clicked?

Dec 17, 2010

im trying to get a image to change everytime its clicked, visa-versa. now it will change once, but thats it.

Code JavaScript:
<script type="text/javascript">
function toggle_visibility(id) {[code].....

View 7 Replies View Related

Change Image Of Link After Being Clicked On?

Sep 10, 2010

I read some other threads regarding how to toggle an image but I was having a hard time understanding. I have a bunch of images on my page, each links to a different lytebox presentation when you click on them. I'd like to have the clickable image change to another image to indicate to the user that they have viewed that presentation. I was hoping there was a way to switch to the new image permanently rather than just toggling back and forth between the two images if they click on the presentation more than once.

View 6 Replies View Related

Change Image After Link Has Been Clicked On?

Oct 23, 2010

i want to make a facebook fan page and iam using fbml to do this. i want to change the original image once a member likes the page.

View 1 Replies View Related

Image Change When A Link Is Clicked?

Feb 20, 2011

I have created a site http:[url].... and there is an image on the page which I want to change if a user clicks on a link. I am not sure if javascript is the best way to do this but thought i would give it a go. The image is currently set in the css so I think i will need to change this to use js?

View 1 Replies View Related

How To Make A Link Image Change When Clicked?

May 4, 2003

I am working on a explorer like tree in a php script. I have the standard + - in a box pics. How to I have the + pic change to the - pic when clicked. Also, how do I get it to change back when another + pic is chosen?

View 16 Replies View Related

Change An Image To Make A "pressable" Button When Select Areas Of An Image Map Are Clicked

Aug 20, 2011

I cannot get javascript to change an image to make a "pressable" button when select areas of an image map are clicked. I used index.html for testing purposes.

<body>
<img name="light" src="standard-light.png" width="60" height="180" border="0"
usemap="#lightmap"></a>
<map name="lightmap" >

[Code].....

View 1 Replies View Related

Three Images On The Left, Which, When Clicked, Change The Image On The Right Depending On Which Of The Left Images Was Clicked?

Nov 4, 2009

Im trying to build on a script that I found on the internet and modified to my needs.urrently there are three images on the left, which, when clicked, change the image on the right depending on which of the left images was clicked.Simply, when you click the whisky link on the left you see a bottle of wiskey on the right. Here is my script:

Code:
<SCRIPT TYPE="text/javascript">
function switchImg(i){

[code]....

View 3 Replies View Related

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..

[Code]...

View 1 Replies View Related

JQuery :: Change Html Attr In Iframe Is That Possible?

Dec 12, 2011

can i change the html dir attr inside an iframe after its loaded?i tried doing it this way:

Code:
$('#iframeid html').attr('dir','ltr');
but it didnt work...

View 1 Replies View Related

JQuery :: Use .attr() To Change The Html5 Form Attribute?

Sep 1, 2011

I have been pulling my hair out trying to figure out why my code wont work,

HTML:
<select form="addnew_show" id="v_id_edit" name="v_id">
<option value="1">The Townhouse</option>

[Code].....

View 2 Replies View Related

JQuery :: Make An Image Label That When Clicked Will Change From One Label To Another

May 3, 2011

How can I make an image label that when I clicked will change from one label to another.

Let say I have index.html where my label is displayed. Then I have label01.jpg to label20.jpg stored on label sub folder.

What I want is to be able to change my label one at a time from label01.jpg to label20.jpg everytime i click the label. then go back to label01.jpg after label20.jpg

For illustration purpose, see image below. I want the label to change every click until I got the label right for the video screen. I have 20 video screen in one page and I need to change the labels depending on the video.

Actually a more preferred solution is for the script to cycle through all the pictures on my label folder so that if I have new labels I only need to dump it in the folder and it will become available.

View 11 Replies View Related

JQuery :: Get Image Height Without Using .attr And Add It To Div Style?

Jun 24, 2010

I need to get image height without using .attr and add it to div style. I got something like that but it's not working.

<img alt="photo-current" src="images/galleries/1/photo_1.jpg" id="photo-current"/>
<script type="text/javascript">
jQuery(document).ready(function($) {

[code]....

View 2 Replies View Related

Image Swap & Count Apparently - Assign "add 1 When Clicked" Or "subtract 1 When Clicked" To Image Properties?

Nov 3, 2009

I have a very simple web page that is comprised of the same image over and over again. I have it to when you click on it, it swaps the image out and adds 1 to the counter. I need it to subtract 1 when you click it again.

<script type="text/javascript">
var namesVec = new Array("block.png", "block_hover.png");
var root='images/';
function swapImg(ima){
// divides the path
nr = ima.getAttribute('src').split('/');
// gets the last part of path, ie name
[Code]...

I mean, is there a way to assign "add 1 when clicked" or "subtract 1 when clicked" to image properties?

View 4 Replies View Related

JQuery :: .attr (selector / Function) Does Not Change Browser Held Source Data

May 31, 2011

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.

View 2 Replies View Related

Script To Change Cell Color When Clicked And Back To Original When Other Cell Clicked

Mar 15, 2011

<script language="JavaScript">
function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}}
</script>

what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.

View 4 Replies View Related

JQuery :: Use To Write To A Cookie To Tell It What Image Map Coord Was Clicked So The Correct So The Correct Div In The Clicked To Page Opens?

Dec 26, 2011

[URL]..Default.aspx I have both a carousel with images andalso animagemap(notnot published yet)with coords that when clicked i want to write to a cookie file which image or image map coordinate was clicked, so when they are hyperlinked to the next page the correct div opens based on first reading the cookie written to on the previous page. Anybody have a basic script for reading and writing to a cookie using jquery in this fashion?

View 2 Replies View Related

JQuery :: Changing The "name" Attribute Of An Item Doesn't Seem To Be Working When Trying To Change It With .attr()?

May 12, 2010

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.

View 10 Replies View Related

Changing A Link's Destination Via DOM....

Dec 15, 2005

So I have this:

<A HREF="javascript:dothis();" id="link">

But, via DOM, I want to change the javascript to "javascript:dothat();"

i thought it'd be something like:
document.getElementById("link").nodeValue = 'javascript:dothat();'

but alas, this does not work.

View 2 Replies View Related

Alert Destination Of Form?

Mar 31, 2010

I have a form which I want to see where it's directing. code...

That doesn't seem correct. How do I do it?

View 2 Replies View Related

JQuery :: Hide The Destination URL Of A Link?

Jul 30, 2009

I have a menu, on which is a delete link. The URL of the link is quite plain: <a href="http://mysite.com?delete=true&id=123">http://mysite.com?delete=true&id=123</a>
(quite obvious I think that the request is to delete the id=123) I wish to hide the destination URL in the browser from the user - so that it shows a harmless url like: <a href="http://mysite.com?#">http://mysite.com?#</a> or similar. The reasons are more aesthetic than anything else. Also the other advantage is once the user clicks on the link, and then hits on refresh, the request gets posted again and because the id=123 has already been deleted, it will just generate an error. I dont mind using ajax for this - ajax and non-ajax.<br clear="all">

View 7 Replies View Related

Can't Alert Destination Of Form / Sort It?

Apr 1, 2010

I have a form which I want to see where it's directing. code...

That doesn't seem correct. How do I do it?

View 10 Replies View Related

SE-friendly Link With Actual Destination Different?

May 11, 2010

I need to have certain links on my site appear to go one place for search engines:

<a href="http://example.com" ...

but go through an intermediate script to track clicks:

... onclick="window.location='http://example.org/track.php?id=112';">

I suppose that's easy enough, but, if the user doesn't have Javascript enabled, I'd like the click to still go through the tracking script.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved