Make Multiple Image Viewer Under "mii Pic" And "available Times"?
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?
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;
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.
I 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?
<!--// Parameter list as follows: Image File Title of Image Width of Image Height of Image Window Position X coordinate Window Position Y coordinate //-->
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() {
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.
hen 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.
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' },
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">
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.
$(".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.
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?
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?
We 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.
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:
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;
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?