JQuery :: CrossSlide Plugin With Captions?

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


ADVERTISEMENT

JQuery :: CrossSlide Plugin - Animation Stutter And Shakes

Aug 26, 2011

For panning and fading some pictures I use the jquery plugin crossslide. As you see at my example I have problems with the animation, because it stutters and shakes a lot:
Personal Crossslide Example
Do you know other plugins, which can create this effect?

View 3 Replies View Related

JQuery :: Display Captions Using The Cycle Plugin?

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

JQuery :: Using The Cycle Plugin To Display A Counter And Captions?

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

JQuery :: Malsup Cycle Plugin - Getting The Captions To Display From A Slideshow

Jun 23, 2010

i'm having a small problem with getting the captions to display from a slideshow... i've got multiple slideshows on the page which i guess could be causing the problem... i'm not getting any errors, but no caption is being displayed... here is a section of my html....

<script>
$(document).ready(function() {
$('#cat_slide1').cycle({
fx: 'scrollHorz',
timeout: 0,
next: '#next1', prev: '#prev1',
[Code]...

View 3 Replies View Related

JQuery :: Cycle Plugin - Cycle Through Php Query_post & Display Caption From The_excerpt - Captions Do Not Effectively Cycle

Jun 23, 2011

I have yet to be able to do this successfully. I am using the Cycle Plugin to cycle through a series of images and corresponding caption. To show the images, I use:

<div id="cycle-container">
<?php query_posts("cat=38&showposts=2"); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="http://www.website.com/uploads/<?php echo get_post_meta($post->ID, 'Image', true); ?>" alt="Icon [Code]...

Problem: The captions do not effectively cycle. What appears is the first caption from php the_excerpt but it does not change to the next php the_excerpt text. Can I solve this problem so I get the text from php the_excerpt to correspond to each image??

View 1 Replies View Related

JQuery :: CrossSlide Can't Get It To Show Images

Mar 4, 2011

I've been trying to implement the CrossSlide plug-in on a new site I'm building. [code]Nothing will load. Can anyone tell me where I'm going wrong? I've already checked and double checked the files names for the scripts and for the images.

View 1 Replies View Related

JQuery :: Multiple Captions For One Image?

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

JQuery :: Toggle Effect - Get The Captions To Slide

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

JQuery :: Creating A Slideshow With Captions And A Counter, $ Is Not A Function?

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

JQuery :: Canīt Get The Captions Of The Cross Slide Demo To Work?

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

JQuery :: Cycle - Multiple Instances - One Will Not Display Captions

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

JQuery :: Cycle: Anchor Links On Slideshow Images + Captions?

Sep 12, 2010

I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.

What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)

[Code]...

View 2 Replies View Related

JQuery :: Display Captions Based On Mouseover Of A Certain Part Of An Image?

Jan 28, 2011

I have an interesting project that I'm sure someone has done before. I need to essentially recreate the effect on the Bing homepage where you can mouseover different parts of an image and be displayed different tool tips depending on where your cursor is.

[Code]...

I don't want to use Flash for these things unless I absolutely have to. It seems they could be done with CSS purely but I was wondering if there is a more attractive/prettier way to do it with Jquery?

View 1 Replies View Related

JQuery :: Creating Basic Page For A Client To Allow Them To Update Photo Captions On Their Own

Jul 8, 2011

I am creating a basic page for a client to allow them to update photo captions on their own. The test page is here: [url]

There are only 4 photos right now for testing, but eventually there will be 100's. The issue I'm having is that only the first image caption is being updated. If I edit the caption for photo #4 and click update, it appears to update, but it actually doesn't. Further testing shows if I change the caption for #1 and click submit on ANY other caption, it updates #1. This makes me think that the jQuery code is only referencing the first form.

I know I could use ID's on the forms and in the jQuery to differentiate the forms, however the form HTML code is generated with PHP and there will be 100's of them. Is there any way for jQuery to determine which form was submitted? I need to be able to tell which form was submitted so I can use that form's caption text to update the photo caption via SQL (photo info stored in an SQL database).

Here's the code from the page. The forms are generated via PHP:

View 2 Replies View Related

Add Captions To A Slide Show?

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

Add Captions To OnMouserover Slideshow?

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

Add Captions To Simple Slideshow?

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

BoxOver - Easy To Use Floating Captions

Jul 23, 2005

I just finished developing a javascipt component allowing floating
captions to appear over HTML elements....

View 3 Replies View Related

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 View Related

Image Slideshow With Captions Setup

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

Captions In Slideshows - Put Description Beside Picture?

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

Text - Create A Slideshow - Add Captions ?

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

Trying Create Captions For Photo Gallery

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

Graphical Captions Over HTML Elements

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

Photo Gallery Where Client Add Captions?

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







Copyrights 2005-15 www.BigResource.com, All rights reserved