I've been struggling for the past hours to get this code to work, more specifically the nextImage and prevImage function. Everything else seems to be working well. What puzzles me is that it works randomly, meaning sometimes it will go next/prev and behave properly, others it won't. This is really the best I could do.
HTML Code:
I'm rather new toJavaScriptand have spent all day trying to figure out how I can make this possible by examining others code but to no avail. I've finally bit the bullet and come to ask for some help.
I'm making a website for a friends photography and have managed to get a thumbnail gallery working as you can see here[URL]...The problem is I have no idea how to get get the prev and next links working. I have tried countless searches for the best part of the afternoon looking for a solution but mostly all I seem to uncover is lists ofpre-madegalleries andcarousels.
It would be fantastic if someone could point me in the right direction just to simply get these links incrementing and decrementing based on the image that is loaded.
i'm trying to use this script to build an image gallery with prev. and next buttons.
[Code]....
is there any way i could use that script or something similar? , using nice galleries built with jquery,etc is not an option because my images are very large.
The carousel I'm using on my site is skipping an image when I click on the 'next' arrow ie. #1 > #3 > #5 > #7.... The 'prev' arrow just isn't working fullstop. I'm a total novice at Javascript, so I'm at a total loss as to how I can fix this.
[Code]...
I have the page linked below. The first three thumbnails are videos and have a working tag of rel="prettyPhoto" but the next table of thumbnail images have a tag of rel="prettyPhoto[1]" that is not working.
LINK- [URL]
I've created a website for a client for their business, and the javascript is working in Safari & Mozilla, but not in IE. In IE you can click the image, but nothing activates. The ability to move from left to right to view images still works however. I'm wondering if having both of the javascript capabilities is fighting with the IE browser?I would love to hear of a solution - I'm not an expert in Javascript by any means.
View 3 Replies View RelatedI have written the below script to swap images in a main viewer for a gallery on a website (I apologise if the script is not very elegant I have only just started learning JS).The idea is there are 2 divs one positioned on top of the other, when the user clicks on one of the thumbnail images the div on the bottom changes to the new image, then the top div fades to transparent to reveal the new image, then once the top div is completely transparent it's image is swapped for the new image and it is made opaque again.Anyway elegant or not the script works fine in Firefox, Safari, Camino and (shockingly) IE, but it doesn't work at all in Chrome.
Code:
var fadeTime = 800;
var newImage;
var images = new Array();[code]....
The images stop at image 3; if I press next it doesn't loop. How can I make it continuously go round and round when I press next/previous? I'm new to JavaScript and I found this script online ( might be old ) and I just need to use it for a simple gallery where images switch as I press the navigation. My problem is that when I preview the design in my browser ( Safari & Firefox ) is doesn't work. Nothing happens, they are marked as links, but I just can't click them.
<head>
<script type="text/javascript">
* DHTML slideshow script- Dynamic Drive DHTML code library
* This notice must stay intact for legal use
* Visit [URL] for full source code
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want:
photos[0]="SW4_1.jpg"
photos[1]="SW4_2.jpg"
photos[2]="SW4_3.jpg"
//Specify whether images should be linked or not (1=linked)
var linkornot=0 .....
The link for the page is here [URL]. As you can see there is an image gallery that is supposed to be controlled with lightbox, however I can not get the lightbox script to work and everything I've looked at seems ok. Any ideas I have uploaded all the required js files and images files as well.
View 6 Replies View RelatedThis image gallery is not working in all browsers. It seems to work in an older version of FF on both PC and Mac but not working in IE or newer versions of FF.I created this gallery using an Adobe Bridge Extension.
View 3 Replies View RelatedI am using the featured content slider, where i want 2 sliders on the same page. when i call more than one time the first one is working and not the second one.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
[code]....
For some reason the gallery image isnt poping up in a window, it just opens it in a separate page. Anyway able to assist?
View 3 Replies View RelatedI've found a post regarding this issue but it's a little bit different this time.So I've created a .php script which creates some galleries where users can click them and browse their respective photos. It works like a charm in Chrome and FireFox, but IE doesn't like it.With this code:
script
type
="application/javascript"
[code]...
When I click on the gallery thumb it should open the first photo in fancybox and browsing through the gallery should by peanuts. And it is, but with IE just opens the .jpg in a blank page without fancybox. The strange thing is I've used the same script approach in another website and the fancybox works just fine with IE too. So why doesn't in this case?
how to make the following two simple image galleries:This one displays a specific image when its link is clicked ((URL address blocked: See forum rules)/tests/gallerysimp.html) And this one displays the previous/next image for whatever's showing ((URL address blocked: See forum rules)/tests/prevnext.html). (During its code, it points to this .js file ((URL address blocked: See forum rules) /tests/ nextPrevious.js).)
My question is, how do I combine those two galleries? How can I make one gallery that contains both kinds of links? Since the two galleries were copied from different places, the names they use aren't the same, and I'm not sure what to change to make it all unified. (I tried fiddling with it for over an hour before giving up.)
I can't find a good script for this, mainly because I can't remember what you call it! Its for a photography site I'm working on, I need it to have Next & Prev links under the photo displayed so it goe through the photos.
Also is it easy to work out how to add a new image to the index.php and so that the last image that was on the index.php file is on the prev button so the photos are in order of when they were on the index.php file... yeah. I always seem to confuse myself with the adding of images when using prev & Next buttons :P
I think it's Javascript I'm after, but if theres a easy php version which is better then let me know but I really don't know php too great so it'd have to be easy or that someone could help me with Code:
I would like to have a navigation menu with prev/next in a top frame
and in the main frame a PDF file.
I think this might be possible with javascript:
- get current file name
- go to next prev in the list of 10 files
I'm trying to implement JQuery Cycle onto the homepage of my website (which is a work in progress). I wish to have a banner with Previous and Next buttons, as well as a Pager and a Caption. I've added all of this to the banner. The Pager and the Caption works, but for the life of me I can't get the Previous and Next links to work.
This is my code:
<script type="text/javascript">
$(document).ready(function() {
$('#banner').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
prev: '#prev2',
next: '#next2',
pager: '#nav2',
after: function() {
$('#caption').html(this.alt);
}
});
});
</script>
<div id="banner"><!-- banner -->
<img src="<?php bloginfo('template_directory'); ?>/images/banner_image_1.jpg" alt="Louvre Museum, Paris"/>
<img src="<?php bloginfo('template_directory'); ?>/images/banner_image_2.jpg" alt="Louvre Museum, Paris 2"/>
</div><!-- /banner -->
<div id="nav"><a id="#prev2" href="#">Previous Image</a> - <a id="#next2" href="#">Next Image</a></div>
<div id="caption"></div>
<div id="nav2"></div>
My website can be viewed here: [URL]
Is it possible to use a graphic or an image, such as an arrow, instead of the text for prev next?
I've reviewed all the demos and searched the forum here. I don't see any reference to this anywhere.
Been playing with this plug-in for several hours now, very cool. Managed to build a decent non-linear presentation tool with play controls and multiple hotspots per slide. I noticed what I think are a few minor bugs concerning the opt.currSlide value, could also just be my lack of experience with the plug-in and JQuery. When using the 'next' and 'prev' options, the opt.currSlide value does not appear to be updated. I'm using this value to trigger hiding and showing of overlays in 'after' code. Works fine when a jump is initiated via cycle(num, trans) but not when initiated via cycle('next') or cycle('prev').
Also the "none" transition does not appear to call all of the before, after, etc.. events. As a work around, I defined a custom transition based on fade that animates the left property from 0 to 0 rather than opacity. Finally, I'd like to suggest an enhancement to the cycle method to accept cycle(num, trans, args). An example of why this is needed...
cycle(3, 'wipe', {clip: 'l2r'}).
Meaning jump to slide 3 using a wipe transition with clip set left-to-right. As a workaround for this limitation, I defined custom transitions for each of the wipe options.
I have a slideshow similar (albeit more sophisticated) to this example [URL]. However, I'm trying to make the slideshow accessible to all JAWS users, leveraging aria-live attributes appropriately.
The problem is this: I am using the fx: 'fade' transition (this is out in the wild and I'm unable to change it at this point). However, I have a hidden button that gains visibility on tab focus. When the 'next' button is triggered I need the cycle plugin to leverage NO fx at all or the screen readers will end up using the subsequent slide for reading content due to the opacity + display time delay with the fade fx.
Basically I want my slideshow to have 2 fx, one for the default behavior (fx: 'fade' for the pager links) which is fading from slide to slide, and another fx (fx: 'none') that is used to prevent aria-live issues with screen readers. Is this possible?
Im using the goto function for a questionnaire to go to different slides/questions, i also want to add a back/prev button but i want it to go back to the previous slide it was on instead of going back to the prev slide in the stacking order.
View 4 Replies View RelatedI have worked out how to use the Next and Prev example here : [URL] and the count example here: [URL]. I can't however work out how to combine them so when you press "Next". It changes a "1 out of 5" image counter.
View 2 Replies View Relatedi need script for to change the images using next and prev button .
View 5 Replies View Relatedwell, I thought this wasn't a cycle question specifically, but it looks like it is. [URL]
in case it's not ok to just post link to my post about this on "using jQuery" forum:
this is code in cycle plugin to hide "next" nav at last slide, hide "prev" nav at first slide:
$('a#prev')[index == 0 ? 'hide' : 'show']();
$('a#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
but what if instead of just 'hide' and 'show' I want to call a function (because I want to, let's say, just change the font-color of the link instead of hiding it)? so I did:
$('a#next')[index == opts.slideCount - 1 ? 'disableNext' : 'showNext']();
}
function disableNext() {
$('a#next').css('color','EEEEEE');
[Code]....
(and what I actually want to do is change the link to a non-link by doing sthg like $('span....').html(change code to non-link..), etc... )
I'm playing around with edit in place and have a list of information that is generated by a php loop. Each list has a unique ID number at the top that i need to send back to my php script. I've put the ID number in a hidden form field at the top of every list and i'm trying to read it using .val() I've used .prev to get the line ID but can't seem to get ID number.... I thought it would be something like this but i can't seem to figure it out... i $(this).find('.Id:first').val(); usally work my way though stuff but this is making my head hurt.....
View 6 Replies View RelatedI've been working with the Cycle plugin for a while, but the only problem I'm having is that if I pass a string of transition names (comma separated), the next button goes through them in the right order but the prev button does not use the previous transition as one would expect. It uses the next transition in the list given as input. I've looked around but I could only find people fixing it for scrolling horizontally. I want it to maintain the order of transitions passed as input, not a reverse animation effect.
View 3 Replies View Related
