Changing Captions With Pictures Not Working
Aug 20, 2009
For this page here: [URL]. I have the following code for the photo gallery:
var thumbProportion = .17 // thumbnails are 32% of their full size;
var IE = false;
if (navigator.appName == "Microsoft Internet Explorer"){IE = true;}
function swapImg(nImg,nSwapImgClass,nFullSizeImg,nCaption){
var thumbImg = nImg;
var thumbImgAlt = thumbImg.alt;
var origFullWidth = nFullSizeImg.width;
var origFullHeight = nFullSizeImg.height; .....
IE ? attachEvent('onload', init) : addEventListener('load', init, false);
The pictures change fine, but I can't get the captions to change with them.
View 4 Replies
ADVERTISEMENT
Feb 1, 2010
I have 4 pictures (Picture_1, Picture_2, Picture_3, Picture_4) and 2 buttons. I am trying to make it so that when you click the 'next picture' button it increments a variables andchanges the current picture to the next one ("Picture_" + CurrentPicture) I am aware that I would need to delete the current picture before creating the next one but I am unsure how to do this I use document.write("<img src = 'Picture_Example'>") to display my picture but if there is a better way Here's all my code:
<html>
<head>
<script language = "javascript" type = "text/javascript">
[code]...
View 2 Replies
View Related
Sep 1, 2010
I am looking for a upload form to upload pictures and then when the pictures are uploaded, then they get emailed to me. Kind of like a contact form but attached is the pictures.
View 1 Replies
View Related
Dec 29, 2009
I'm trying to change the background of a <div>. I'm using a thumbnail of an image so when the user clicks the thumbnail, depending on the size of the thumbnail the background of another <div> (where the larger image is displayed) will change.
I have it working..sort of. When I click the thumbnail the background will change to the specified image but after a couple of seconds it changes back to the original background on its own. I have no idea why this is happening.
This is where the code is to call the javascript method...
Code:
This is the css for the <div>..
Code:
And this is my javascript code...
Code:
View 3 Replies
View Related
Sep 13, 2011
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]....
View 3 Replies
View Related
Apr 5, 2011
I'm just starting out in Javascript coding and my first assignment is to create a web page which the users are allowed to selecte dtheir favorite layout and formatting through the use of the className property. I wanted to use these four options the user can choose to change the display of the web page and text.
Gray background
White background
Sans-serif text
Serif text
If the user onclicks any of the options, the webpage will turn into that format. For example, if the user clicks "Gray backgound", the background color of the webpage will be Gray. If the user clicks Serif-text, the text in the web page will be in Serif text. The code I have right now doesn't let me click any of the links to change the display and text.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[code]...
View 2 Replies
View Related
Jun 9, 2005
Whats the easies way to add captions to a slide show.
I have the basic slide show format with images in an array and having them get cycled through via a function like chgSlide(-1) or chgSlide(1).
I can' easily add the captions to an array. I'm not sure how to print the captions on the page. I could use a text box but thats lame.
How could I print these on the page as each image is updated in the slide show?
View 8 Replies
View Related
Jul 17, 2010
I need to add different captions for each image of my onmouseover gallery. The way this gallery works is when the mouse goes over the text the image on the right changes. What should I add to my javascript code? This is the code I put in the head:
<script>
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
[Code]....
View 4 Replies
View Related
Aug 2, 2010
I'd like to add captions to this this simple JavaScript slideshow. I have looked and looked and can't find one that doesn't use tables for the captions. I'd really like to stick to <divs> if possible.
Code JavaScript:
<script language="JavaScript">
var i = 0;
var path = new Array();
[Code]....
View 4 Replies
View Related
Jul 23, 2005
I just finished developing a javascipt component allowing floating
captions to appear over HTML elements....
View 3 Replies
View Related
Mar 22, 2010
I have added the crossslide plugin to show a series of images, I have a couple of image that are too big for the area for these images so the crossslide plugin seems like an excellent option to pan thru images. Crossslide does not support captions though, and captions are absolutely necessary. To get it working for now I have used the cycle plugin for the captions, as I was not able to modify the crossslide plugin to fade captions. But of course, the timing of images changing and captions changing is not exact of eventually they don't match up. Not good.I was able to get the crossslide plugin to show the captions by modifying the plugin code in a small way.On line ~223 of the plugin i
modified this:elm = jQuery(format('<img src="{0}"/>', p.src));
to
elm = jQuery(format('<img src="{0}"/><div class="caption">{1}</div>', p.src, p.caption));
[code]....
View 1 Replies
View Related
Feb 4, 2011
I have been using Flash to create a slide show that starts with a single image. Then the image caption slides up from the bottom followed by a longer description coming in from the right side of the image (which includes links in the text). The description and caption then slide away, and a new image is transitioned into the old image's place. Is it possible to create something like this with jQuery? The s3slider jQuery plugin is very similar to what I'm looking for, but I can't seem to get two captions to appear over the same image.
View 1 Replies
View Related
Dec 23, 2009
I'm trying to setup and image slideshow with captions. I can't it to work so far.
Here is a code snippet:
Javascript
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '1.gif'
Pic[1] = '2.gif'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
Html
<body topmargin="5" leftmargin="0" marginheight="0" marginwidth="0" onload="runSlideShow()">
<img id="picture" name="SlideShow" src="1.gif" alt="" width="350" height="195" border="0" align="middle" />
View 7 Replies
View Related
Apr 29, 2010
I just created a slideshow that is working (finally). I want to put a description beside the photos that is styled in the way I want it, but I can't seem to figure this out. For an example of what I want to finished slideshow to resemble, I found this website: [URL]. I like the features area on this website. Here is my code so far:
<html>
<head>
<script type="text/javascript">
// Modified for: [URL]
var ImgPtr = -1;// -1 for first pass only
var BaseDirectory = '[URL]';
ImgArray = [// format: ['imageName','Comments about image']
['pinto-1.jpg','<a class="duh" href="paintorpinto.html">Paint or Pinto?</a>'],
['shedding.jpg','<a class="duh" href="sheddingout.html">Shedding Out Tips</a>'],
['dewormer-1.jpg','<a class="duh" href="sampledchart.html">Sample Deworming Chart</a>']// Note: No comma after last entry
];
var intervalAction;
function ShowSlide(slide_num) {
document.getElementById('mypic').src = BaseDirectory+ImgArray[slide_num][0];
document.getElementById('mypic').alt = ImgArray[slide_num][1];
document.getElementById('Caption').innerHTML = ImgArray[slide_num][1];
}
function slideshow() {
ImgPtr++;
ImgPtr = ImgPtr % ImgArray.length;
// document.getElementById('tst').innerHTML = 'Showing: '+ImgPtr;
ShowSlide(ImgPtr);
}
onload = function() {
slideshow();
intervalAction = setInterval("slideshow()",3000);
}
</script>
</head>
<body>
<div style="width:300;text-align:left;margin-left:auto;margin-right:auto">
<div id="Caption" class="duh"></div>
<img src="[URL]pinto-1.jpg" border="0" alt="Photobucket" id="mypic" name="mypic" alt="" border="0" height="300" width="398">
<br />
</div>
</body>
</html>
View 14 Replies
View Related
Jun 4, 2010
I used the tutorial here to create a slideshow but would like to add captions... with the code? Below is part of the script I used... (there are 27 images so I cut it short...
Head code:
View 1 Replies
View Related
Aug 20, 2007
I've taking two existing bits of javascript and tried to put them together. What I would like is when you click on a "Thumbnail" the Image displays full size and has corresponding "Caption" text show up in a text box below. Code:
View 4 Replies
View Related
Feb 4, 2005
I got this javascript widget finished the other day. It's called BoxOver and allows floating captions over HTML elements, similar to overlib but uses less CPU and is much smaller (<10kb).
Would be super keen to hear any comments/criticisms on it. Also if anyone has any ideas for changes that would be cool too....
View 19 Replies
View Related
Sep 19, 2011
recommend a good photo gallery? My client would like to be able to upload her own photos and wants to be able to add captions (a must). Can anyone recommend a good canned galley, or let me know where I could find some code? I found an exellent free gallery called "Pure Gallery" which is a front end that works with "Gallery CMS" (backend). It is actually creates an swf file and has an interface for the client, but the problem is that it leaves about a 300 pixel gap at the top of the gallery and I cannot for the life of me figure out how to change it. It is awesome, but the gap at the top makes it useless to me. what "Pure Gallery looks like, you can see it at this link to my site. [URL]....
View 4 Replies
View Related
Nov 18, 2011
I have this code and when you click on the first set of them (a specific one) it copies it and then when you click on one of the other ones it pastes it but its not working properly. (If you need to you can put an other image in there)
<script>
var change = new Array
change [0] = [0,0,0,0,0];
change [1] = [0,0,0,0,0];
change [2] = ["",0];
change [3] = [0,0,0,0,0];
function equipaa(){
change [0][0] = 1
change [0][4] = 0
change [0][1] = 0
change [0][2] = 0
change [0][3] = 0
changea();
} .....
View 5 Replies
View Related
Nov 9, 2010
I want to toggle the text in this example: [url]
I am using these sites for the toggle effect: [url] [url]
My javascript looks like this :
My css looks like this:
This is what the html looks like:
I'm trying to get the captions to slide but the <p id="caption"> does not want to slide..when I added in the "ddsfdsfdfg" that slides but not the "p id"..how to get this working.
View 2 Replies
View Related
Dec 6, 2010
I am using the Cycle plugin to handle a slideshow and I have a long caption that I would rather not put in an ALT tag. Is there any other way to display captions using the Cycle plugin? Such as in a paragraph tag?
[Code]...
View 4 Replies
View Related
Jul 24, 2010
At the moment, the script creates a gallery with thumbnails from a list of images (from my basic understanding), and I want to add to it so the current code also picks up the text from the alt tag and displays that within a div box positioned absolutely elsewhere on the page, when the main image is displayed.Here is the javascript:
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return
[code]....
View 2 Replies
View Related
Aug 2, 2011
I'm very new at this. I'm using jquery within wordpress and I've created an image slideshow with captions. It worked fine. Now I want to include a slide counter. I followed the example here as best I could: [URL]...
This is the code I have:
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#ng_slideshow').cycle({
[Code]...
View 2 Replies
View Related
Feb 11, 2011
I canīt get the Captions of the cross slide demo to work.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="xxx.js/jquery.cross-slide.min.js"></script>
<div id="kenburns"></div>
<script>
$(function() {
[Code]...
The images appear and are zooming and sliding but I canīt get the caption work. What I am doing wrong. Wld be great if someone have a solution.
View 1 Replies
View Related
Sep 9, 2011
Have two Instances - One will not display captions. Here are the script pieces for the two.
[Code]....
View 1 Replies
View Related
Sep 25, 2010
I'm trying to have the slide move on click but with a counter as well. When I try to incorporate the counter it breaks my test page I'm trying it on. I added captions to the slides and I realize both of them are activated by after.
<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin - Image Count Demo</title>
[Code].....
View 2 Replies
View Related