I tried to add path to images but nothing i do seems to work. I dont know if im adding wrong code or not removing brackets or whatever but i cant get it to work. Please show me how the code should look so that i can get a better understanding of what m doing wrong. An example code of sorts. Thx.
[Code]...
I need some help with a path change. It works for just one image but when I use it for multiple images they all change to the same one. I need the src images/fr to change to images/en with a click.
[Code]...
I found an jQuery/javascript slideshow which I try to duplicate. You can find the one I'm talking about here. I downloaded the files needed jQuery, slideme and script but I can't get it to work. In other words the pictures simply don't show. The funny thing is though that when you look in the slideme library they refer to the pictures.I have tried everything but the pictures simply don't show. Does anybody have any experience with this kind of slideshow an see what i'm doing wrong?
View 1 Replies View RelatedIm looking at a pretty old table driven site for a client. Its an affiliate based site so affiliates of the company can use their booking engine. They want to be able for affiliates to change some of the hardcoded images so as to use their own coloured ones.Is it possible with Jquery to change the image path on all of the images. So for example from:[code]Unfortuntly due to the nature and size of the company I cant use htaccess or do any real code changes hence i thought a JQuery would do it
View 1 Replies View RelatedI am new to Javascript and I am sure that I just have a syntax error but can't find what it is.
I have an input form that accepts numbers. I am trying to compare the last field value to the current field value. My problem is that when I use a variable name of the last field, I get the error "null or not an object". The var 'L' is the problem. code...
I normally use Mozilla 1.4 on Windows XP Pro.
As I was developing some test webpages, I discovered that the SRC
parameter doesn't seem to work when a path is used with the filename.
In one example, when I want to run a JavaScript from an external file
(i.e., not inline), I would do the following ...
<SCRIPT LANGUAGE="JavaScript" SRC="program.js"> </SCRIPT>
If "program.js" were in a different subdirectory than the .htm file
referring to it, the filename would have to be prefixed by the
pathname as follows ...
<SCRIPT LANGUAGE="JavaScript" SRC="/mydir/program.js"> </SCRIPT>
But when I ran the above from within an .htm file loaded locally into
Mozilla, it did not work. (The result was as if the above code weren't
there). However, when I ran the identical code on Internet Explorer
(v.6), it worked. Code:
I'm using a script to include images into a slide show using direct URLs to the image files, but I am using fckeditor (PHP) for my users to edit their content. The script in the .js file that pulls the images into the slide show.The user's image file is going to be named something like, "userImage01.php". Inside that file would be their image location path ~ "images/user/image1.jpg".Therefore, I need the above javascript to pull-in "userImage01.php" INSTEAD OF the image's location path.
View 10 Replies View RelatedLet me say ahead of time I haven't the slightest clue how to write JavaScript, I've been copying and pasting for 12 years the same code and it's always worked.Right now, I'm having an issue with 2 of the 4 button graphics not doing the hovering effect they're supposed to. I DID do a search for this and couldn't find it so please forgive me if it is indeed here somewhere.Again, to be clear, 2 of the 4 images ARE going to the 2nd image when hovered over. 2 aren't and I can't figure out why. I've tried JavaScript validators linked from this very site but what they tell me is Greek to me.It's images 3 and 4 that aren't doing their hover effectsHere's the code: (I PRAY I posted this code right. If not, I'll try to fix.)
Code:
<SCRIPT TYPE="text/javascript" language="JavaScript">
<!--
[code].....
I'm preloading images with the standard code:
default1 = new Image(); default1.src = "images/image1.gif";
changed1 = new Image(); changed1.src = "images/image1-on.gif";
default2 = new Image(); default2.src = "images/image2.gif";
changed2 = new Image(); changed2.src = "images/image2-on.gif";
And this is my rollover code:
var iName="";
function Ichange(p) {
var pSrc=eval(p+ ".src");
document[iName].src = pSrc;
}
But for some reason on the first mouseover it doesn't seem like the
image has been preloaded. There is a delay, like it's looking for the
rollover image, which should have already been preloaded. Anyone have
any ideas why?
Here is the inline code for a mouseover:
I have following type of code in the header
function pre_load_pics()
{
if (document.images)
{
var image1 = new Image(400,265);
image1.scr = "pic1.jpg";
var image2 = new Image(400,265);
image2.scr = "pic2.jpg";
etc etc
}
and the following in the body
<script>
pre_load_pics();
</script>
but images are not downloaded until the app needs them later. Something wrong ? I thought they should be downloaded earlier?
I now have, in the header,
[Code]...
The above is in the first page where only the first image above, the before-and-after.gif image, is displayed. The rest are displayed in the second page linked to the first and are shown by using an array
[Code]...
I have a very simple problem for you to solve. It's not simple for me but it's probably very easy to you guys. I've tried searching this but failed.
Anyway, here is my problem. I have an image. When I call a function with onclick, I pass the image's id. My problem is that when I click the image, it displays "undefined". It is supposed to display the value of the image. It works perfectly fine in internet explorer. Its firefox that's giving me the problem. Can you guys give me the code for firefox so I can adjust? Please tell me why it won't work also. code...
Reference website: Untitled Document.The above webpage contained simply javescript of random images in full screen & menu made by Sothink DHTML Menu.In Chrome & Firefox the content display perfectly with no issue. However, it's all blank or, only the menu showed up in IE6 & IE7. I am not sure in IE8 & IE9 as I don't have them.
View 3 Replies View RelatedI am trying to preload over 300 small images. I am using a local developement server at this point and testing in IE. As the user interacts with the page many different images will be appear and dissapper for them. It needs to be smooth. I was noticing that the status bar at the bottom of IE keeps saying the images are being loaded. So I thought I would try preloading the images. After implementing the following code, the IE status bar seems to still show that the images are loading each time and I havent noticed any improvement in load times. Could it be that the images are not really being preloaded? Here is the code I am using to preload (it is triggered by onload in the body tag:
imageObj = new Image(width, height);
imageObj.src = "images/pp1234.png"
my actual code repeats the second line many times in a loop with different image names, but this is the most basic for of my code and it results in the same problem. Are there known issues with IE and preloading?
I'm trying to get galleria working on a few images which are pulled in dynamically. The HTML at the moment looks like this:
[Code]...
Just put together a slider, however once i increased the amount of images from 5 to 10 and changed the name of the images, its not working.
View 2 Replies View RelatedAll i want is a picture to fade in after it has loaded, i found the following script on this forum somewhere but the picture loads in normally then faded out, it doesnt just fade in and stop.
[code]
<script type="text/javascript">
$(document).ready(function(){
[code]....
I have a lot of images on a page and the have to be a little bit larger, so i dont want to change all of the css.I have made a couple of lines of code which doesn't give the right values back.The images have all diffrent sizes.
$('.imgbox').each(function(){
var getX = $(this).width();
var getY = $(this).height();[code]....
there's probably some thing wrong because it gives me very big values back.
I am trying to set up a jQuery carousel on my home page. I want it to operate by mouse - also auto scrolling, be horizontal, be circular, show one image at once.
I currently have three images to show one at a time in a containing div. All three images are showing together. One is in the container, in the right place, two others are shown below it. These two should be hidden in the carousel. The carousel itself, does not work. code...
I have a problem when changing images and image maps with mouseover and click events in IE. Firefox, Chrome and Safari all work well but IE does not. It's hard to describe but when I mouse over a hot spot the image changes and then right away changes back. you can see it here (http:url....): here is the Javascript code:
var current_overID = "";
var last_overID = "";
function item (img_name,width,height)[code]....
i have working with an aplication and like you can see, by clicking in a line at the right, each one displays a different image. When the image is loaded, there's a javascript code for re-measurement, for adjusting to the available screen area.but unfortunately the result is the image is loaded at its original size. The objImage.src is well retrieved from AJAX, like i can test with the alert: the getsrc.php?id="+img opens a MYSQL query on the database and returns the matching path to the img id, which is set before.
View 9 Replies View RelatedI am very new to javascript and have only just started looking into it after working quite a bit in html, css and php.I have a working image banner on my webpage that switches between 1 of 2 images every 7 seconds. This all works fine but i now need to make the second image 'pcm2.jpg' a clickable link where as the first image 'pcm.jpg' which starts off the image rotation in the html page has no link. I have tried using 'document. rollbanner.href =' inside the function but that hasn't helped. Is that because the first image in the html page has no href value to begin with? If so how do i get around this as i dont want the first image to have a link, only the second one.
View 1 Replies View RelatedIs there a javascript variable that contains the path of the file from which
it ran?
Something like this....?
alert('My path=' + MyURLPath);
Is this possible?
Can I subtract the filename form the location.pathname ex:
Before = 'file:///c:/afolder/awebsite.html'
After = 'file:///c:/afolder/'
Or is there any other way to get the directory without the name of the file being veiwed?
I have the following directory structure
index.jsp
a.js
b.js
|
|--/templates
|
|--/blah.jsp
Now blah .jsp is included INSIDE index.jsp.
In blah.jsp I have a button that calls a function inside b.js.
In index.jsp I have following code inside head tags:
<script src="a.js"></script>
<script src="b.js"></script>
and I figured since blah.jsp is included inside index.jsp, I should be
able to access the javascript methods with ease. But its not happening
that way. I get an error (object expected in the line that has button in
it). BTW, its not a problem in my JS or JSP code, because if I put the
js file's contents inside blah.jsp, then it works like a charm!
So what am I doing wrong?
I also tried moving my script import statements inside blah.jsp as:
<script src="../../a.js"></script>
<script src="../../b.js"></script>
But this doesn't seem to work either?
*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!
i just wanted to retrieve path of a file residing on local client
system using javascript