JQuery :: Cross Slide Image Viewer?
Jun 19, 2011
I haven't used jQuery before (don't know JS either), but am building a site with a slideshow image viewer "Cross slide" [URL] and it seems simple enough for a newbie.
I have the files for the plugin, jquery.min.js. and jquery.cross-slide.min.js inside my root folder. I think i'm doing everything right but am getting error messages in the FF error console:
Error: jQuery is not defined (this is associated with the closing bracket and parentheses in blue below) Error: $ is not defined
Also, about my images: Is the script currently written to know to look in my "images" folder for them or do I need to change something? i.e. { src: 'images/home_image1.jpg' },
[Code]...
View 3 Replies
ADVERTISEMENT
Jul 17, 2009
How do I make the images to pause on mouseover?Here is and example of my script[URL]
View 1 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 17, 2010
have 4 tabs which are loaded via AJAX, 3 of them from external html files. Within these tabs I have a number of images in a gallery.When the page is loaded initially, the Fancybox works fine, but when I click on another tab, ie pull in external content, and click on an image it loads in another window.Seems like the new content pulled isnt hooked up to the Fancybox trigger..in right direction.The code is detailed below, I need some kind of call on the AJAX to trigger FB???
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 6 Replies
View Related
Apr 14, 2010
I want to create a interactive map viewer likeGooglemaps using my own custom map image. On clicking a location on the map, a small popup displayed showing some data. I aslo want a zooming and panning functionality. note that i am using aLinuxserver. The application must not use flash.
View 1 Replies
View Related
Apr 19, 2011
I'm using the following code
$(".photo img").click(function(){
var title = $(this).attr("title");
$("#display").attr({src:"photo/"+title+".jpg"});});
$("#display").css({"marginTop":"-233px"});
[Code]....
When the page first loads, something goes wrong and your first attempt at viewing any thumbnail always comes up with a blank missing image - but from that point onwards, any subsequent attempts work as intended.
View 1 Replies
View Related
Dec 15, 2010
I was wondering I really like the image viewer Gamespot uses.example:[URL]Anyone know how to make one like that?
View 8 Replies
View Related
Jul 9, 2002
I wrote this a long time ago and it seems to get posted in the forums quite a bit so I figured I post it here for easy reference:
<script language="Javascript" type="text/javascript">
<!--//
function imageView(imgFile,imgTitle,imgWidth,imgHeight,winPosX,winPosY){
preview = window.open("","","resizable=no,toolbar=no,scrollbars=no,menubar=no,status=no,directories=no,width="+imgWidth+",height="+imgHeight+",left="+winPosX+",top="+winPosY+"");
preview.document.write('<html><head><title>'+imgTitle+' - Click to close - </title></head>'
+'<body onBlur="self.focus();" marginWidth="0" marginHeight="0" topmargin="0" leftmargin="0">'
+'<center>'
+'<a href="java script:self.close()">'
+'<img border="0" alt="Image loading please wait...." src="'+imgFile+'" width="'+imgWidth+'" height="'+imgHeight+'">'
+'</a></center>'
+'</body></html>');
preview.document.close();
}
//-->
</script>
<!--// Parameter list as follows:
Image File
Title of Image
Width of Image
Height of Image
Window Position X coordinate
Window Position Y coordinate
//-->
Example of use:
<a href="javascript:imageView('images/australia08.jpg','Australian Limestone Desert',427,277,50,50)">
<img src="images/australia08thumb.jpg" width="84" height="55" border="0" alt="Click for larger image"></a>
If you want to use this download the attached text file instead of copying and pasting from the screen here. The forum keeps putting spaces in the coding when copying and pasting causing the script to have an error.
View 5 Replies
View Related
Jul 31, 2010
I've got the following simple image viewer code which works fine on Safari and IE, but doesn't quite work on Firefox. On Firefox, it shows just the first image, but doesn't change images when I click on the prev and next buttons.
<script type="text/javascript" <br />
function changeImage()
{
[code]....
View 6 Replies
View Related
Sep 7, 2009
Im after a "lightbox style" image viewer that I can put on my site. However, I dont want the popup functionality, I just want the ability to show an image, and when I hover over than image, see buttons for next previous image.
Is there an existing script that can do this? I dont want to go down the flash route with this.
View 1 Replies
View Related
Feb 12, 2009
I am using the Overlap Image Viewer in which case has worked out perfectly except for one small thing, it pops up very quickly.
View 6 Replies
View Related
Jun 17, 2011
I'm trying to manipulate the functions of Codaslider for a layout. What I need is the ability to use an image for slide dynamic slide navigation. I've solved the issue for dynamic hashing, however I'm stuck at modifying the HTML. I've tried a few things but I figure this is the easiest way...
[Code]....
View 9 Replies
View Related
Apr 1, 2010
I'm working on a simple mouseover function to swap div/image fade IN and OUT and I'm getting this white flicker in between. It seems like the fadeIn waits for the fadeOut to start, hence the flicker. I've searched and found solutions, but can't implement them correctly as I am more of a beginner with JS and jQuery.
[Code]...
View 2 Replies
View Related
Feb 7, 2011
have this Multiple Image Viewer very similar, -in fact almost identical- to the one in the main page of economist.com It uses the following code and its woriking nice,
Code:
function switch_product_img(divname, divnumber, divtotal) {for (var i=1; i<=divtotal; i++) {
var showDivName = divname + '_' + i;
[code]....
View 3 Replies
View Related
Sep 7, 2011
I have a first got my firstslide show working. I read in an XML file and then place the contents into a JavaScript array object and then with a left and right arrow I can scroll through the images by fading one out and then fading the other in. All is well here.
Now I would like to slide the images from right to left or left to right depending on the arrow press.
My first image is paced in a container with this
$('#slideShowBox').html( "<img src= '" + galleryArray[picIndex].imgLoc + " ' id = 'myID' width='640' height='480' alt = '" + galleryArray[picIndex].imgAlt + " '/> ")
To start with I thought I could move the image to the left with:
$('#arrowRight').click(function(){ $('#myID').animate({
'left': "-=640" },{
queue: false,
duration: 500 }
);
And that would slide the image to the left.
How would I slide the image to the left since that does not work?
View 1 Replies
View Related
Feb 2, 2011
I'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
Here is the code.
View 4 Replies
View Related
Jun 12, 2009
I found this slide show [URL]. I got it to work on my website [URL] using Firefox, but when it is viewed in Internet Explorer it will not work. Second question, When the slide show gets to the last image, after the last image all photos disappear and it resets itself changing the format of the webpage. Any way to not have the images disappear while it loops itself or is there a code to have it stop on the last photo and not loop.
View 1 Replies
View Related
Jan 14, 2011
I want to slide an image or a page on page load..the below is an example
[URL]
View 2 Replies
View Related
May 13, 2011
I'm new to cycle plugin. Tried out the demo for adding new slides to the slide show as shown [URL]..
My slide show also has external controls - play, pause, next & prev
Problem is I don't know if there a way to pause a slide show & add an image (which is not a part of slides in the show) after each 4th slide then resume again on click event of that image?
View 1 Replies
View Related
Feb 15, 2011
I'm using the image cycle script, does anyone know if its possible to set a different CSS classes for each image, for example I'm trying to load images in a slide show that have different heights, I've setup two different CSS classes that have different heights, but I'm not sure how to get the script to call them at the right time?
View 1 Replies
View Related
Aug 13, 2002
Ever since I first used NS6, it has been buggy as hell when dealing with JavaScript image swaps/mouseovers. - The Images seem to dissapear for a second and then re-appear - something to do with NS6 having another DOM I think.
Even the V4.01 'patch' for DW4 from Macromedia doesn't seem to work for me.
Does anyone know of any rock-solid JavaScript MouseOver code, that'll work at least on IE5+ and NS6+ ??
View 5 Replies
View Related
Oct 19, 2011
I'm making a form with some fields. Once the form is submitted it updates the page with a new div containing the data entered without refreshing. Im using jquery form plugin. What I'd like to achieve is the new div(.record) to .slideDown. I guess I need to somehow specify the exact div by giving it an id or number. I'm not sure and why im here.
At the moment when i submit all of the divs(.record) are hidden with .hide, then they all slide down with .slide. Best i can understand is to hide the last div then slide down. But again.. I don't know how to specify to only slide down the last div added and not the current .record divs on the page.
[Code]...
View 3 Replies
View Related
Oct 31, 2011
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<img src="/Img/Illustrations/kicktalkv2.jpg"" alt="Kick Talk" usemap="#kicktalk_map" />
[code]....
View 2 Replies
View Related
Jul 1, 2010
I'm using jQuery cycle plugin right now, and I want to add a new slide based on the newly created image and I want to replace this slide later if the user has updated the image. I read the document of jQuery cycle, and I found it's using onBefore callback to do the job, but it's not on the fly, how could I do it on the fly?
View 2 Replies
View Related
Dec 13, 2011
How to insert and remove slide in jquery cycle before the first slide.
View 3 Replies
View Related
Mar 31, 2009
I was wondering how you'd make a multiple image viewer under the "mii pic" and "available times". What I'm aiming for is different from the examples I've seen of this. [Here is the actual website. Is there any way of doing this?
View 1 Replies
View Related
