+ I ve 2 options: 1 month (Jan, Feb, ...) 2 year (2000, 2001,...) display images by choosing both 2 options above + But I only link option (month) to display by using javascript I don;t know to link both option to display tell me way to use both option to link to images
View 1 RepliesI'm working on a site and I want to give the users option to change the background image.
Of course client-side. My default background-image is put in CSS file.
body {
background-image: url(images/back.jpg);
overflow: visible;
width: 1260px;
}
I've tried to make some javascript trigering the change
var img = "images/backy.jpg"
function cng(){
if(document.body){
document.getElementsByTagName("BODY").style.background = img;
}}
It won't work
var img = "images/backy.jpg"
function cng(){
if(document.body){
document.body.background = img;
}}
Also won't work
The HTML is:
<p class="cng" onclick="cng()"><b>Change background</b></p>
Document.write isn't solution. Another important thing is that the image have to be user specified(the user is selecting image from his computer like in uploading file).
I'm looking to create a small area that contains images of my work, similar to how Internet Dreams have theirs set up [URL].
I want the images to slide across, but there also be the option to select a particular slide, same as the example above.
all i have to do is the image to change automatically based on the option you selected from the drop down list. here is the code,
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
I want to add more dropdown options which are dependent on previous options. Now I have "hand" and "loft". I want to add next option "model" How to add third dropdown option box?
Here is the code:
Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
How to display loading gif image until the big image have loaded? Now I have the html and js but it doesn't work. Anyone have some idea or solution ?
[Code]...
i am using ajax to retrieve the img url path how am i going to use the img url path i retrieve and display as a image and i using javascript language anyone know? how to do that i try the follow way but don't work what wrong?
Code:
var descIg = "";
descIg += rssent[i].descImg;
var placeImg = document.createElement('img');
placeImg.src = descIg;
I want to create something similar to what they achieve with this script:[URL] I know I could just download their script, but it's for a website that will be commercial in nature, and my cousin doesn't want to pay 29 pounds (which is a lot in AUD!) for it. I can use a rollover to display a larger image next to it, but I'm not sure on how to make the image move like that one does.
View 5 Replies View RelatedOk, I have a student form which will be filled by operator.I want a small image to be displayed in a frame in the form when the operator brows the image each time he/she fill new student form.
View 1 Replies View RelatedCan anyone point me in the direction of a script that will show an image for, let's say, two days and then after that time show another image? I have one which will change images every day of the week but I'm looking for something where the original image never appears again. Possible?
View 1 Replies View RelatedI am currently creating part of a system which does a simple import of
a CSV file using SQL Server with DTS. The front end to this is a web
based .NET (C#) app. Obviously when the CSV file is large, there is a
delay for the user receiving any feedback from the system. I therefore
want to do what I have seen other systems do and display a gif image to
show the user that something is happening (eg. spinning images etc).
Am having 5 images,
image1,image2 upto image5,
when the page is loaded initially i want to display image1 for 8second, then next 5second image2, next 5 seconds image3,next5 secondimage4,next5second image5,
then again i want to display imag1 for 8 second ...continue this loop,
Using java script i want to do this , any good suggestion for this,,
i have tried like set interval function. how to disable other image and how to call the images for 5sec,
This javascript is working satisfactorily, but having written it, I find its not quite what I want. What I really want is a different potshot to come up each day of the month. I have 31 potshots, so this should be no problem. What I would like to do is to test what day in the month it is, and then select that array element. For instance, today is wednesday Nov 9, so clicking TODAYS POTSHOT should bring up element [9]. Tomorrow, the same click sequence will bring up element [10] and so forth.
How do I find the numeric value of the day of the month? And then having found it use that as the array index value?
I'm working on a web map, in which you click on a building to open a pop-up with a photo of that building in the window. Rather than use a generic pop-up, I've styled it to look similar to the parent page. Since my map contains over 200 buildings, initially this meant creating over 200 separate html pages with the image source and dimensions for each building photo. That's clearly very inefficient and not a process I want to duplicate! Therefore, I needed some dynamic code to generate the content in the pop-up.
I successfully used a cookie to pass a building ID variable to the pop-up and use that to grab the associated photo from a directory and that worked fine. However, I ran into problems because the photos are not identical in size, and I also needed to get the image width and height. I tried preloading the image using a standard image caching script and used that to obtain the width and height of the image. Then, I used document.write to place those variable in the <img> tag and place the photo on the page.
The problem is that the cached image will not display on the page when it loads, only if I hit refresh. Can anyone tell me how to get around this? Here's the code I'm using. I call this function inside a <p> tag in the body of the page:
if (document.images) {
bldg = new Image();
bldg.src = "../../Columbia/bl/bl_" + BldgId + ".jpg";
theWidth = bldg.width;
theHeight = bldg.height; }
function showImage() {
var photoSrc = "<img src='../../Columbia/bl/bl_" + BldgId + ".jpg'";
var insertPhoto = photoSrc + " width='" + theWidth + "px' height='" + theHeight + "px' alt='" + BldgId + " Photo not available' />";
document.write(insertPhoto);}
Is there another way to get the image's dimensions BEFORE I place it on the page?
I can't get my script to display a simple jpg image. Here is the code I'm trying to use
<HTML>
<HEAD>
<TITLE>A First Script</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
<image1 = myImage();>
<img src="C:Documents and SettingsOwnerDesktop eresa1.jpg" name="myImage" width=100 height=100>";
// End -->
</script>
</HEAD>
also I save it to my desktop as an html file and when I click on it to run
I get the information bar block and go through the other 2 steps to try and
display the page but it just comes up blank so my questions are how do I display the image and how do I turn off the annoying info bar?
i have the simple code below to display a random image; how can i modify this line to place the random image at 225px wide by 141px high?
Code JavaScript:
document.getElementById("highlight_1").src = randomimage1;
I have to display an image in a fixed spot on my web page. The images are submitted by users, and I have no control over their size (width and height). If the image is wider than 130 pixels, I need to display it with an IMG WIDTH=130 to fit the spot. If the image is less than 130 pixels, I want to display it as is.
Is there a way with Javascript to retrieve the width of the image before the image is displayed by the browser? I know I can preload the image, can I then look at the width before the HTML displays it?
I have a code where it checks the userID and email. If it is OK then a check mark image is displayed, however I cannot get it to work on my email input. All it get is OK
[Code]...
Okay, I'm having some trouble getting my head around how to do this..
<select>
<option value="A">A</option>
<option value="B">B</option>
[code]....
I would like to create a photo page using 'rollovers' however am
finding it increasingly hard to find any information.
I would like it to display around 10 thumbnails all leading to one big
picture so when you hover over the image with the mouse it displays the
picture in big.
I have searched the net, however have only found info on 'rollovers'
for one image.
I used this script and it is working fine. I changed those two images and put my own. Image1 is of 600 width and 340 height and Image2 is of 560 width and 794 height.
The code is working fine but the tool tip window resizes automatically
and shows up the image. How can I have a fixed height and width? Which
line should I change so that the height and width of the tooltip window
is constant?
I tried changing var tipWidth = 160; but no effect tried playing with var startStr = '<table width="' + tipWidth + '"><tr> but again no effect.
I want the tooltip window to be constant and the picture size should be resized to fit in that tooltip window and aspect ratio for height and width should be resized automatically.
I am using some Jquery code + CSS to display fade in and out text above each image. However, i can't figure out what I am doing wrong and the text is not being displayed when the user hovers the mouse over each image..
[URL]
I've been having some problems getting cluetip to show an image. essentially i just want it to work like this: title="This is a description | <img src="image">" and then I need the whole thing to be linked as well.
View 3 Replies View RelatedFirstly I've used jquery for about an hour now so that's how little I know, that's why this should be simple as :)Ok So I've been reading the docs on ids and ".attr"'s and have achieve half of what I need to do. I've used this:
$(".main_view").text($(".test2").attr("title"));
to get the title of an image and then display it. This works fine except it gets rid of the image. I want to be able to use display the image and use the title as a caption. After I'veachievedthis I'd also like to be able to put that title in a div so I can use css to muddle with it.
I have a table with 2 colums, the left column is to preview image and the right column is for 4 small thumbnails. Iwant the preview picture to change when clicked on the individual thumbnail.
<table width="816" height="303" border="1">
<tr>
<td width="396" height="297"> </td>[code].....