JQuery :: Swapped Image Cut In Half?
May 27, 2010
I'm building a little website for a friend of mine. On the Team-page i'd like to swap the standard headerimage with an animated gif of the person, by hovering over the persons name.So far it all works just fine, with one "little" problem.The first time i hover over a link, the animated gif is loaded, but cut in half and only the top half of the image plays the animation. Since this might not make any sense you can take a look at the site right here.
This is the script i'm using:
$(function(){
$(".link1").mouseover( function(){
$('.imagefield').attr('src', '/drupal/sites/default/files/link1.gif');
$('.imagefield').attr('height', '350');
[code]....
At first i thought it might be the images, but i tested it with other animated gifs too, with the same result..
View 1 Replies
ADVERTISEMENT
Jun 21, 2009
iam either being really dumb or something is way wrong with the code. i am trying to create a fade in / fade out effect. i know there are tons of scripts out there that do this, but i like to do it myself. my script is only working in firefox at the mo (when it works il cater for other browsers). basically i can get the fade out part to work, but when i want to fade back in it does nothing. now logically id of thought that fading in would be the same as fade out but reversed.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
View 2 Replies
View Related
Jun 25, 2010
I have a form with 3 sections. The first is always required. The second OR third needs to be completed.The form is used for booking holidays OR flex time in the company I work for. [URL]I have it so the first section is validated, and works fine. I can't work out how to have it pass validation if Holiday OR Flex is done. I can only get it to pass if both are filled in.Here's the code im running:
PHP Code:
<script language="Javascript">
function validate(f){
if(f.Name.value == "")
[code]....
View 10 Replies
View Related
Feb 6, 2009
I am trying to build on my weather website. On the page I am working on I have many images. These images are best viewed at large sizes, but if all of them were large, the page would look terrible, so I have them set to take the large image, shrink on load, enlarge on mouseover, then shrink on mouseout.. the problem is, if users do not scroll down my page, and try to look at the second row of images.. Then the bottom half of the image is cut off.. So what I need to do is Figure Out how to get my images to either appear and center of page on enlarge, or to have the page scroll down on enlarge..
View 3 Replies
View Related
Apr 28, 2010
I have a form that submits parameters to Stripes action. The action builds a URL, fetches a PDF from that URL and returns the PDF to the browser. Stripes has a neat StreamResolution object that takes the URLConnection and MIME type and returns the object which I can simply return to the browser.I also have a requirement that the document should be opened in a new window.Unfortunately, sometimes PDF generation takes a while, so I'm required to pop up a "Please wait..." window that has to be taken down once the PDF loads.I cannot use the target="_blank" on the form, since it prevents me from hooking the javascript I need, so I use javascript to submit the form [URL]:
<form action="/..." onsubmit="viewReport('/.../foo.action?eventName=view+p=x')" ">
...
</form>
Here is the javascript that gets called
Quote:
var report;
var spinner;
function viewReport(url, report) {
[code]....
The PDF is getting fetched and displayed and the popup is taken down, but the PDF content is displayed in the original window, while the new window contains the calling page.
View 2 Replies
View Related
Apr 10, 2009
I have been working on this layout, and although it works fine in Firefox, it won't load the swapped images in internet explorer. I need the images to swap on click where it says 'blog'(above the content), and replace it with either an image that says about, portfolio, contact. I have done this many times before but this layout is not working in IE. code and let me know what you think is causing this.... [URL]
View 8 Replies
View Related
Sep 23, 2010
Anyhow, as per my new site design, I need to have a DIV on the page, containing an image, some other divs, and some text within it, but have HALF of it concealed (see attached spotslideprev1.jpg) until the user hovers over the div, revealing the complete DIV (see attached spotslideprev2.jpg).I think it's pretty selfexplanatory. If anyone has any ideas or tips, I'd love to hear them!Attachments spotslideprev1.jpgSize : 209.88 KB Download : 635
View 3 Replies
View Related
Feb 7, 2011
I'm helping out a dev at my work who is having a problem.as a function to where it should scollTo (using scrollTo plugin) on page load to the starting "page". I don't think it is a plugin problem though. It only loads correctly about half the time, but if you hit refresh it will work?Can anyone tell me why this is? It's like it doesnt execute it everytime the page loads
View 2 Replies
View Related
Dec 2, 2010
I've got following function:
[Code]....
I would like to run this in recursive mode, and I'm starting the function with:
$(function(){
$.bubbles();
}
The problem is, that function works only one (and a half) time. Console shows: start callback start I have not idea what is a problem. Function needs to be run constantly.
View 2 Replies
View Related
Mar 29, 2011
I'm trying to get an XML response from a server using:
$('#update-target a').click(function() {
$.ajax({
type: "GET",
url: "[URL]",
dataType: "xml",
accepts: "application/xml",
success: function(xml) {
}});});
And the XML response is being truncated to about half the full length (looking at the response in the Charles http proxy). If I load the same XML from flash, I get the full response. This is a relatively large XML document.
View 5 Replies
View Related
Mar 25, 2011
I am having trouble getting my code to validate for my speed/distance calculator.I have 2 input prompts: 1 for hours and 1 for minutes. The issue is I can put a number for hours (e.g 7) and W for minutes and the result will display distance is NaN, whereas I am expecting it to alert user to input a valid number. The same issue applies if I switch the order of isNan(hours) and isNaN(mins)
[code]....
View 3 Replies
View Related
Apr 29, 2007
How do I do if I want to open a new window half the size of this when I click on a link?
View 1 Replies
View Related
Feb 18, 2010
I have this code:
Code:
<html>
<head>
<style type='css/text'/>
splash { position:absolute; left:0px; top:0px; z-index:2 }
page { position:absolute; left:0px; top:0px; z-index:1 }
[Code]....
Why doesn't this remove the 'splash' element in half a second?
View 6 Replies
View Related
Apr 18, 2011
I need to make an animation of a "half pie " in js Here you can see as I did in Flash:[URL]...but I can not create the animation from left to right as I did with flash.
View 2 Replies
View Related
Mar 27, 2009
I have some time for selection on my form, 30 minute time slots by default, what I would like to do is if a user has checked 1 hour then the selected time along with the an extra 30 minutes is selected
<% set Rs1 = objconn.execute("SELECT * FROM tEvents ") %>
<select id="eventTime" name="eventTime" onchange="checkTime();">
<option class="xxx" value="1">Please Select start time</option>
<%Do While NOT Rs1.EOF%>
[Code].....
View 1 Replies
View Related
Jan 16, 2010
1. i want to get the current time, possibility no from client computer ( sometimes their time is wrong)? i dont know whether can achieve but if cannot, then never mind, just get from client computer.
2. for example now is 1:25 am, i want to generate dynamically every half an hour timing from 2 am(round up) till for example 11 am
something like
<select>
<option>2:00</option>
<option>2:30</option>
[code]..
View 5 Replies
View Related
Jun 21, 2010
I want to open a particular URL and download a file say ABCD.log every half an hour. (the same file) Is there any way i can automate this process using java script or any other method?
View 2 Replies
View Related
Oct 1, 2009
I have a dynamic table where I would like to update cells by using a drop list selecting from half a dozen items. I have searched W3Schools for a tutorial but I am obviously looking in the wrong place. The working code I have thus far is:-
function insRow()
{
var x=document.getElementById('myTable').insertRow(1);
var a=x.insertCell(0);
var b=x.insertCell(1);
var c=x.insertCell(2);
var d=x.insertCell(3);
var e=x.insertCell(4);
var f=x.insertCell(5);
[Code]...
View 2 Replies
View Related
Jul 23, 2009
the photos are loaded quickly but with a weird "frame" or line box on the bottom half of the site. This only happens in IE7.
View 3 Replies
View Related
Feb 2, 2010
I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?
View 3 Replies
View Related
Sep 5, 2010
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
View 3 Replies
View Related
Jul 15, 2011
I am building a simple t-shirt creator app for my shop and I am using the interface.js library: [URL].. docs/drag to drag/drop and re-size the graphic on the shirt background image.
Once the user has chosen a spot to put the graphic, how do I save the background image of the t-shirt with the image they dropped in the correct spot? Like, to merge the two graphics in place?
View 2 Replies
View Related
Oct 25, 2011
The objective is to have an image fade to another one progressivly while the mouse is over, when its not it fades back to the original, whether or not it faded to the target completely or not. That is, if it takes 1 second to fade completely to the other image, and you take your mouse off it at 0.5 seconds, it will begin to fade back to the original. I have a problem where I want to give this ability to multiple images (thumbnails) on a page, without having reams and reams of code and instead just have one function accomadate any number of images.
[Code]...
View 5 Replies
View Related
Nov 18, 2011
I've been searching for a resolution to this issue for hours trying to customize my page located at [url]
Specifically, I'm trying to figure out why this line of code is not making my images display in the background:
Original plugin script provided here: [url]
<script>
I made adjustments with my image references that are all located in this directory: [url]
Problem: No images load, and I believe I don't fully understand the .appendTo tage.. I don't know if #body is correct. The author of the plugin assumed I understood the relation. Also #homePage may be incorrect as well.
Additionally, I found another plugin that worked for placing an image in the background (not random), and the background image would scale to size, according the users window. I loved that and it worked, just wanted to add random images to the same script.... first things first... I can't even get an image to display at all with the above code.
In case you wanted to know the script I was using to scale the background image, here it is below (although, as you will see in the code for my site - this image feature is disabled as I am trying to make adjustments).
code for image solutions used:
HTML
CSS
If I can get this second code to work with the random image plugin.
View 4 Replies
View Related
Mar 12, 2011
I've been trying to have an image be placed during a mouse over or mouse click event. The closest to accomplishing this is having the image be replaced by the image I want to overlay.
View 2 Replies
View Related
Jul 3, 2010
I've been using prettySociable on my site (can be downloaded here. I use the uncompressed version). I want to be able to change the tooltip (that shows up when you drag an image) to default to an image on my server, rather than to the page title. I think I've tracked down the code on line 265 of the jquery.prettySociable.js file, but I'm unsure how to change it:
[Code]...
View 4 Replies
View Related
