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 RepliesI was wondering I really like the image viewer Gamespot uses.example:[URL]Anyone know how to make one like that?
View 8 Replies View Relatedhave 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]....
I have a hidden popup that I populate with content and it dynamically expands to the size of the content. I then show the popup. When a user clicks on another link, it populates the popup with longer or shorter content. When the content is SHORTER, it seems to show the background image that I'm using expanding to the height of the previous size of the popup. I've tried setting the height manually with JS, no luck. This only happens on IE6.
View 1 Replies View RelatedI want to make an Twitter like AJAX post viewer like if we click on any link, it opens in a new sliding div like Twitter's.
View 1 Replies View RelatedI found this code sample that when a user clicks somewhere on the image, then an "X" will appear. I would like to have the "X"s remain visible even when the user clicks on a different area of the image. As you can imagine, a user clicks clicks clicks then there are "X"s everywhere. How do I do this? Do I need to create more "div" tags with the mouse click locations?
[Code]...
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.
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]....
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.
This is my first post to this forum. When a button in parent window is clicked multiple times, more than one popup window is opened. This problem is occurring in linux firefox and mozilla browsers. In windows the code is working fine. Is there any option in window.open() method to open a popup window once. s there any known issue regarding this case?. Need a workaround to fix this issue.
View 1 Replies View Relatedhen a button in parent window is clicked multiple times, more than one child window is opened. This problem is occurring in linux. In windows the code is working fine. Is there any option in window.open() method to open a child window once.
View 8 Replies View RelatedI 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 RelatedI 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]...
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]....
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 RelatedI'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.
Well basically i have coded a java script well edited from here i think.
This is the page at the moment [url]
But I'm trying to edit to i have drop down boxes with:
Start
End
Then the same for karaoke start and finish.
But the hard part it getting the right
So minium booking is 2 hours for 100 and then every hour after is 30 and 15 for 30 Min's karaoke is 5 an hour.
I'm currently working on a browser based 2d multiplayer rpg using PHP and ajax. As the number of beta testers has increased, I have found that there is a significant amount of lag involved in changing maps (maps are 480x480px ea consisting of multiple images. What I would *like* to do, ideally, is only load each image once. So the first time I encounter "grass1.png", for example, it is loaded into div id "grass1", and never needs to be loaded again. My question is this, is it possible, to do the above, and then call div id "grass1" for each instance of the image?
This way, I could store all images encountered thus far. When the player left a map, all images would be positioned off-screen, and moved into the field of view as needed. I am already doing this, but there is a div for each unique object. (meaning there could be 10+ divs for the same image, for just one single map!). This would be much more efficient if I were able to call and store just one div per image, and just display it multiple times in multiple places.
I made a sort of typewriter script that shows every next character of a text in a particular DIV, each milisecond. (testing in IE, not tested in other browsers yet)
Now, after the function has run, I cannot run it again. It stops all completely.
I have put some variable in it to see it's running or not. But that doesn't help it anyway.
Has this something to do with event bubbling or something else?
Code JavaScript:
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Test</title>
[Code].....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
This javascript code validate the progressive bar two times before completion, I want it to be validated four times before completion.
I followed the tutorial on this site how to create a slide show. The slide show works great. What I am wondering is there anyway to make the slide show stop after running so many times?
View 9 Replies View RelatedWe have a webpage setup to alpha page individual people with pagers at work. It is a simple form that submits to a php file on the pager server. I am working on creating a script that submits a alpha-page to everyone at once. There are about 120 different ppl in the company, I want the script to submit the form once for each persons pager. I'm new to javascript but have alittle programming understanding.
[Code]....
I got a very good select script that produces multiple values and it works fine by itself but I have two other instances of the same script on the same page. I know that multiple scripts don't work on the same page unless you execute the onChange for all three. But I dont have a clue how to do that. Code:
View 9 Replies View RelatedI must be having a brain cramp, but I having a problem that is so very simple ... but can get my head around it.
[Code]...
I'm currently working on my first ever javascript and have run into an issue.
Source:
Code:
<script language="JavaScript">
img_width = 0;
img_height = 10;
timer = null;
function imageGrow(bar_len) {
growImg = document.getElementById('imageResize').style
growImg.width= img_width;
if(img_width != bar_len) {
img_width += 10;
timer = setTimeout('imageGrow()', 20);
} else {
clearTimeout('timer');
}}
</script>
<img onLoad="imageGrow(100);" src="img/graph.jpg" border="0" width="1" height="10" id="imageResize" align="center"><br />
<img onLoad="imageGrow(50);" src="img/graph.jpg" border="0" width="1" height="10" id="imageResize" align="center"><br />
I have 2 issues. First, the second image does not call the javascript and I assume this is because both images have the same ID? Can I associate code to 2 elements? Is it even possible to call the function multiple times in the way I'm trying to? Second, as the script is written above, the image never stops growing even when it reaches '100' as specified in the script. If I change 'if(img_width != bar_len)' to if(img_width != 100) it does stop growning when it reaches 100. I am unsure why, as bar_len = 100 when I call the function! I don't know if it makes any difference, but the HTML in my final code will be dynamically generated with ASP.
I have a javascript that displays couple of buttons, which are
directional (e.g., click button it goes to a particular page). I need
to have these buttons shows up multiple times in same page, each
represent a different direction but buttons themself are from the same
gif file. What's the most effecient way to do this?