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 RepliesIm 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].....
[URL]
i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....
ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?
I am having a query on javascript dialog box which gets thrown on "onbeforeunload" event. i.e "leave page .. " or "stay on current page" is it possible to change the caption of these buttons using client side scripting?
View 1 Replies View Relatedhow 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'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 am trying to get a line of text that a user types into a textfield to appear somewhere else on the screen. AT teh moment when the user presses submit it refreshes the page and does write the text line to the screen but it is a brand new page and I lose all my content.
View 11 Replies View RelatedI have been trying for several days now to append a text caption to a displayed image using Javascript, but with no real success. Perhaps JS is not the best way. Has anyone a suggestion as to the best way to tackle this.
I want to replace the image captions with text ones to help speed up the site. It is my home site here [URL].
A modification of the existing code seems obvious, but I have been unable to do this.
Here is the code im using for a slideshow, i would like to add a title and or a caption to each image
<td width="33%"><h4><u><center>Slideshow</center></u><br/><img src="Images/img1.jpg" name="photoslider">
<div align="center">
<script type= "text/javascript">
[Code]....
I have a gallery on my site here:
[URL]
add a caption to the bottom of the images when they are clicked on and perhaps even a link?
I cannot work out why this doesn't work.
$(document).ready(
function(){
// Actual jQuery goodness that moves the captions
// Set the default value for the caption
$('.boxcaption').live('click',
function(){
console.log(this);
});
});
When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on.
I'm looking for a lightbox that allows me to have 3 lines of captions. Line one would be the art title, line two would be art dimensions, and line three would be media used. Would someone point me in the right direction? I have a lightbox that supports multiple lines, but doesn't allow for line breaks in the caption.
View 6 Replies View Relatedpoint me in the right direction as to where I can find a javascript modal window image viewer that allows html in the caption area? It seems like I've been searching forever and can't find anything that natively supports it.If one doesn't exist, then maybe point me in the direction of adapting one? My js knowledge is a little limited.
View 3 Replies View RelatedI have a button in a form and I want to change the text displayed when button is clicked.Here is how button is declared-
<button type="button" name="sel1" id="sel1" class="chooseNo" onClick="selectNum(this,1);">Choose<br >Nos</button>
Text inside the button is displayed in two lines.However when I try to change text after click event, it shows <br /> tag instead of inserting line break- Here is java script that I am using-
function resetBtnText(idx,txt){
//txt has a vale of - "Clear <br/>Nos"
document.getElementById("sel"+idx).innnerHTML =txt;[code]........
Ive used this tutorial code...
But when I hover over the Wrapper DIV the Description DIV also fades.
I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.
Is that possible?
is the <caption> Tag inside a Table supported? An if yes, how can i read the text inside this tag?
View 1 Replies View RelatedI'm setting up a web page and think jQuery will be able to sort this out for me.
I have an unordered list (5 items so far, but a few more may need to be added). On clicking on any of the items I need three things to happen on the page:
1. place a picture into a div
2. place a caption into another div
3. place a title into a third div
Clicking on a second item needs to hide these and show that item's related three bits.
So, is jQuery/javascript my best tool, how I can achieve it?
I am using the jquerry cycle to create a rotation banner with a caption/title within a CMS everything is working properly. the problem is that on the next step i need to make the caption color change according to the captionis there a way to control that? this is my code so far
[Code]...
Here is a script I found which works well for randomly selecting a static image when loading/refreshing a page, and allows captions for the images. I need this to also have the images link to other pages. I lack the javascript ability to do so.
Code:
<!DOCTYPE -don't forget to use one of these!
<head>
<title></title>
[code]....
I can't find a way to remove the mouseover caption title numbers on my thumbnails without messing up something else. code...
View 4 Replies View RelatedI have a script which I grabbed from here: [URL] It does partially what I want but I need more functionality, specifically,
1) add caption text below each image in the form of "1 of 5, 2 of 5, etc."
2) make the current image clickable to go to respective URL of my choice
I have a rough mockup here: [URL] My question is, does anyone know of a script that already does all this? It needs to play friendly with all major browsers. I'm not a JS programmer, but can dabble with small changes if shown what's needed to modify this script.
I'm using the original lightbox script, took the code exactly as it was given but it doesn't look like the demo: [URL] What do I need to do to put a background behind things like the caption and to give it a bigger boarder? Example here: [URL]
View 1 Replies View RelatedNew to javascript/jquery, been trying to create a rotator which displays a large image with caption and uses next/previous button and thumbnails for control. Everything works fine but when the rotator gets to the last item i'd like it to go back to the first, and when the previous button is clicked at the first item I'd like it to go to the last.
$(document).ready(function() {
//set to zero
var x = 0;
[code]....
How 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 Related