how can user change the photo on the same page
my code is
<body>
<img src="photo1.cgi" style="cursor:move" align="left"/></div></th><br />
<a href="photo1.cgi" >photo1.cgi</a><br />
<a href="photo2.cgi" >photo2.cgi</a><br />
[Code]....
I have a database that contains a filename and an associated caption. Switching the photos works OK, but I want the caption above the photo to change as well. I'm getting the correct data back so that's not the issue.[code]...
View 6 Replies View RelatedIm not sure if this is a php problem or javascript, but since the actual photo gallery is run by javascript I'll post it here, sorry if its not though.
Everything works fine but when I click on another image to change the main image the caption wont change with it.
<script type="text/javascript">
// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004-08 [url]www.cryer.co.uk[/url].
[Code].....
I'm trying to add a very simple gallery where the photo is at the top and thumbnails are underneath. All I want to happen is that the photo changes when you click on one of the thumbnails. I've been trying to search for this but the galleries all seem to have stuff I don't want.I tried the following and it does change the image but it also opens up the thumbnail.
Code:
<img id="im" src="photos/039.jpg">
<a href="photos/t001.jpg" onclick="document.getElementById('im').src='photos/001.jpg'"><img src="photos/t001.jpg"></a>
I would like to have a code on my page that causes two or more photos to change between each other. For example, photo 1 is shown for a little while, then it switches to photo 2, etc. I would also like to switch text that goes along with the photos. I would like my layout to look like this:Photo / Text about Photoand have both switch after a little while, to the next photo and text.
View 5 Replies View RelatedI'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...
I would like to create a page that will refresh itself every 30 seconds or so, but I was hoping to be able to show an alert if the page has changed since last refresh. Is this possible?
View 2 Replies View RelatedFirst of all, sorry for my other post, my first post didn't go through, I didn't get the chance to read the message, so posted again I've got this code:
Code:
var currentURL = event.target.browserWindow.activeTab.url;
if (currentURL)
event.target.browserWindow.activeTab.url = 'http://www.google.com';
[Code].....
I have been banging my head against the wall on this one. I have a drop down list menu that when a value is entered I have
"onChange="this.form.copy0002.value=this.value"
which takes the value of the drop down and places it into a text field in a different section. I also need it to check a box on the same line that corresponds with auto populated field. Is it possible to do this. I'm assuming it would be
" onChange="toggleChecked(0001check)" or some variation?
If you've used the Google Gmail spell checker you know that it
'changes' the text area to another type of control that lets them show
hyperlinks for the incorrect words. How does Google change the
textarea? And what do they change it to? I know it should be pretty
simple, I just have no clue because I'm fairly new to DHTML. Any
examples would be greatly appreciated.
In my effort as a javascript newbie i'm trying to create a nothing too special progress bar. I'm this far that the li's (bars) get a different color after another, but in the end it needs to change all bars back to the original class and start over. How do I accomplish this?
See [URL]
I would like to do something that:
Choose option:
To the option dates are assigned:
1 = from
09.10.2010
to 10
.10.2010
2 = from
09.11.2010
to 10
.12.2010
3 = from 24
.05.2010
to 29
.07.2010
And I want after choosing some option dates to change into the inputvalue.
1 2 3
From: do:
<!--
<select id="rate">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
From: <input type="text"id="from"value="03.10.2010" size="12" />
do: <input type="text" id="to"value="09.10.2010"size="11" />
<input type="submit" />
-->
I tried to do it with function ".val();" but value are keeping steady. It can be done any other jQuery function?
I just started using the grate validate plugin today and I can't really find an example of what I'm trying to customize...
Basically, I think it's confusing for a select element to change on focus instead of on change, meaning: the user forgets to select an option, the drop down is highlighted with some CSS, so use selects an option, but CSS error styling doesn't go away until the user clicks somewhere else on the page... A minor gripe, but I'm a big believer of the Steve Krug "don't make me think" school ;)
I'm still not quite clearly on how to implement own customizations of this plugin even after going through the docs...
ho do itoggle images of a button depending on a check box changep.s. toggle images of a button these are images now depending on check box clicked the image button should show the enabled image.
View 1 Replies View RelatedI'd like to call a function to check if a div with id content has a <h1> tag and if so change the divs background colour.
View 7 Replies View RelatedI want a function that when you check on a check box another check box appears.
View 10 Replies View RelatedHow can I have it keep the photos in their original proportions. All photos are under 640 x 480 though not all the same size. When they are viewed in the slider the are streteched to the 640 x 480 regardless of their original size.
View 2 Replies View RelatedHere is a photo album I've made up. I made it primarily for a photo album on your harddisk/a CD, but it would probably work for the internet aswell.
View 5 Replies View RelatedI am trying to make a webpage and there is something that I want on it, however, I have no idea how to get it. I want a scrollbar that has jpegs. I want a person to be able to scroll through thumbnails (in the scrollbar) and click on it and be brought to the link.
Does anyone know of a script that I can get that will do that? I know nothing about writing scripts.
I have put on my site a photo gallery and at the right a nav menu. This
menu has a red dot visible want someone is passing over one item or
clickong one item.
I want to make two things in this page (the sameone
http://www.danieldesjardins.com/gallery/1202015) so it would be like a
want. If you can help a would appriciate. I'm a beginner i copy CSS
from exemple and put them in my page... But whent it comes to do simple
more with it ...i'm very limited.
The first thing is how can a get ride of the selection borber around
the photo a have clicked.
The second thing is : every photo is from from one itme of my nav menu
at the right. This menu as a When someboby select a picture in the
gallery, i would like to get the corresponding item menu hover a the
same time.
The third is ... i want to put the clickable mini photo under the big
photo......
I'm not sure if this is the right group to post in. If it is not,
please let me know where I should be posting.
I have been looking all over the internet for free javascript code for
a photo gallery that has the following features. Do you know where I
can find this?
1. Allows you to use different size photos
2. lets you put a few lines of text under the photo
3. Has navigation arrows (left and right)
I used the code here for my photo rotator: [URL]. It works when there's one rotator on the page, but I need to add a few and that does not work.
function theRotator() {
//Set the opacity of all images to 0
$('.photos img').css({opacity: 0.0});
//Get the first image and display it (gets set to full opacity)
$('.photos img:first').css({opacity: 1.0});
//Call the rotator function to run the slideshow, 4000 = change to next image after 4 seconds
setInterval('rotate()',4000);
} function rotate() {
//Get the first image
var current = ($('.photos img.show')? $('.photos img.show') : $('.photos img:first'));
var currentButton = ($('.photos a.active')? $('.photos a.active') : $('.photos a:first'));
//Get next image, when it reaches the end, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('.photos img:first') :current.next()) : $('.photos img:first'));
var nextButton = ((currentButton.next().length) ? ((currentButton.next().hasClass('active')) ? $('.photos a:first') :currentButton.next()) : $('.photos a:first'));
//Set the fade in effect for the next image, the show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
nextButton.addClass('active');
//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
currentButton.removeClass('active');
};
$(document).ready(function() {
//Load the slideshow
theRotator();});
i want to know how to make a photo effects like the one in this site http:[url].... in the downleft corner press next or previous & see the effect of fadding.
View 1 Replies View RelatedI used the below code, but it seems not correct.I want cut the around of photo, and show only the center 200*200px, how to modify?
HTML Code:
<div style="width:200px;height:200px;overflow:hidden;background-color:#000;"><img src="http://www.chlorischile.cl/alternanthera/foto6inflorescencia.jpg" width="200"
onload="this.style.backgroundPosition=(200-image.width)/2+'px';this.style.backgroundPosition=(200-image.width)/2+'px';no-repeat;" /></div>
I am currently building a simple photogallery. The photogallery contains a box with a few photo's in it, lined up horizontally. The box where the photo's are placed in is using an overflow so that there are only shown a few photo's. Below the box i have two buttons, left and right. The idea is simple if you click the left button the photo's must go 50 px to the left and visa versa goes with the right. I have coded this but the photo's unfortunately won't move! Have i done something wrong? You can see my code here:
View 2 Replies View RelatedI have a question to you.
I have created a web page: