I have a store that I'm building and I want to be able to click on a thumbnail and have a popup window open with the enlargement in it. I have this working right now using this.
<script>
function openpopup(){ var popurl="myurl.htm" winpops=window.open(popurl,"","width=420,height=440,") }
</script>
<a href="javascript:openpopup()">Image here</a>
All is good, except I have like 15 items on the page and need it to work with a different URL for each page. Not sure how to do this, with an array?
I am developing a site for my client in wordpress. According to clients needs I have to add 6-7 jquery instances into a site. means I need to import jquery.js file for each of JQuery effect such as menu, slider, scrooler, tabs, buttonsinto a site. Because of this site loading time is affected and I need to use noconflict() function to make jquery variable separate for each of JQuery effect. I need help to improve site loading time by minimizing importing of jquery.js file. but I need to keep all the effect as before.
I want to build a gallery of thumbnails that enlarge on hover. However, I was hoping I could animate it so that it has a sort of elasticity/bounce to the enlargement. What I mean is, you hover over it, it enlarges (say, doubles in size), but shrinks back a bit, enlarges a bit, and back an for a few times, subtler and subtler till it settles on the set size. I could do this with the animate function using several nested callbacks, but I was hoping there was a plugin somewhere.
Does a plugin or effect exist or should I just ballpark it with the animation and nested callbacks? I could just build the model in flash and base it off that...
I'm writing a web server and an Ajax-y web UI for an embedded system. My server is just plain dumb and quite resource constrained and right now I have code in the server to skip over all the POST header fields. I'd rather not use bandwidth to send them and CPU to skip them. Can I minimize my request header? I was looking to do something like:
req = new xHttpRequest(); for (f in req.header) { if (f != "Content-Type:') { req.header[f] = null; }}
But I haven't found a reliable way to get the header fields. Maybe I haven't looked hard enough. Pointers...?
I want the div to start out completely minimized at 0% height and then when I click the button that calls the function it should increase the size to 100%, once it is maximized I want it to set the height back to 0% when the button is clicked again. Heres what I have so far. I can get it to minimize and maximize itself but I can't get the height set correctly.
<SCRIPT language="javascript"> var y = 100; var q = 5; var f = 0;
How can I capture the maximize and minimize of a browser? It is possible to capture this events? I'm searching the web and I didn't found any results. I want to be know if the user maximize/minimize the browser ?
I'm wondering if anyone knows of some simple javascript that allows me to create a floating image rollover enlargement, similar to the ones on the homepage of ThemeForest [URL]
Code... Check out this picture.. i want to make one of my lists to be shown in this way..
whenever you click the '+' sign, the products under the main products will be displayed, and when you click the '-' sign, the products under the main products will be hidden.
where they enlarge a thumbnail on mouse over events? I have seen a lot out there, but all seem to want to replace the image with a new larger image of the same kind. What I would prefere for it to do is enlarge or zoom the thumbnail image, so that 2 images are not needed for every image.
I did find somthing which does exactly what I need, but the enlarged image keeps flashing on and off for some reason. This is the code
<script type='text/javascript'> function get(eid) { var d = document;
[Code].....
I would imagine it has somthing to do with the pop image function, but not to sure.
I have images on my website that I want to enlarge when the user mouses over them - but to be as smooth as this example and actually displays over top of the content as opposed to making the content move and resize. I am sure that I could build this from scratch, but really do not have time and why invent the wheel if I do not have to!
I am working on getting my tumblr blog on my web site and there's a feature in the template that I would like to use on my site but after going through lots of sites offering tools, I couldn't find one the same.
this is my blog [URL] when hovering over a photo, you see the zoom button, clicking it makes the picture bigger and fades the background out.
Anyone know where I can get a script to do this? Has anyone used one of these? Do they automatically work on all images on the page without extra code on each image?
what code is used to enhance or decrease webpage content font size? Ideally I would like to add 3 different text size icons giving the user an option to decrease, default or enlarge font size which is something that seems to be on quite a few sites.
i got a video which have buttons to play, pause and stop.i wanted to add a button to enlarge the video to full screen, is there anyway to do it in JS?for my buttons i use it like that:[code]
I cant really figure this out, the only thing i could see messing it up is the javascript:void(0) inside the anchor link but since there is a double click function and a click, it should only be one click.I put autoOpen which i think is also causing it, but i did that so theuser can open it, close it, and open it again so the delay "double click" is saying for the first time initialize and then the second click is opening?? if so how do i get around this?
HERE IS MY JQUERY $(document).ready(function(){ $("#pro_edit_profile").hide();[code]....
There is a checkbox on a form page, when you check it, a div will become visible with some extra inputs needed for that situation. To simulate this click on the checkbox external, I use click(). With jquery files 1.4 and lower this works properly and like expected. When using jquery library 1.4.1 or higher, something does not seem to work properly. Sooooo, the code:
Somehow I managed to get this thing 'sort of' working with 1.4.1 or higher. But the code to accomplish this is absurd. See functioncheckTheBox4Plus() on line 8. It works :) but shouldn't.. Or is it the other way around?