JQuery :: Show Picture At Position X,y?
May 17, 2011I've a picture and I want to show it at x,y coordinate of the screen.how do I write the code to do this on jquery (with aspnet mvc)?
View 3 RepliesI've a picture and I want to show it at x,y coordinate of the screen.how do I write the code to do this on jquery (with aspnet mvc)?
View 3 RepliesI'm currently trying to hide my navigation button when it hides the end of the list, right now I currently have:
Previous / Next (they are about the same anyways)
function previousEvent(i) {
var k = new Number(i);
[code].....
I'm using Lightbox picture displayer [URL].. and a content slide show UI [URL].. on the same pagesimultaneously. Although when I connect to the javascript files in my html page one of the effects won't work. Whichever javascript file I include last doesn't seem to work.
In the scenario below my content slide show effects won't work because they are listed first. It seems that whatever is listed last overrides everything else. I've also listed the error I get when running the page.
[Code]...
i want to show and hide transparent picture(png) slowly and smooth (opacity form 0% to 100%), it is working in all browsers except ie, there i have got black border ...
my examle: [URL]
How would I start to go about this? I'd like an <h3> to display and slide in whenever the user scrolls to a certain position on the page. For example, once a certain content div is 50% displayed in the viewport, I'd like the animation to fire.
View 2 Replies View RelatedThe code is working 100%, but the only problem is with the function calling statement. It is working on the first img (picture) i want it to be called on the second picture.
<!DOCTYPE html PUBLIC "-w3cDTD xhtml 1.0 strict EN"
<html xmlns=http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = http:www.w3.org/1999/xhtml">
[code]....
I am trying to change a picture in a program but I keeps being a broken picture link.
[Code]...
I've been working on photo gallery that can be seen here: [URL] I would like the title to change according to the picture selected. This works when you click on the thumbnail images. However, it current does not work with the drop-down menu, "back" and "next" buttons, or the automatic slide-show.
[Code]...
i looking for a way to stretch picture in background and put some divs over that picture with links and text. what i find so far don't work in all browsers any one know something like this?
View 5 Replies View RelatedI'd like to know please if there is a Javascript solution for enlarging pictures.
The outcome I am seeking is for the user to click on a thumbnail picture which then links to a bigger picture I dont want to use a HTML hyperlink.
I have this
var x = window.event.clientX;
var y = window.event.clientY;
i get the x and y coordinates on button click
i do this x = x+10;
y = y +10;
how can I now on this position X AND Y, pop up an imageon that position??
I am looking for a way to show a picture on a page before the page loads.
for example. I already have a page but I want to show the visitors a image for 5 seconds before they can see the rest of the page.
Is this possible an if so how can I get it.
Maybe a script or a link where I can find it.
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[Code]....
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View RelatedI have found nice short tutorial here: Rounded_Corners
It works fine unless I try to move it.
I have added only one DIV over all:
Now I see that my text (white) moved but not background.
How do I properly position the whole DIV of class "roundbox" ?
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";
[Code]...
I have just begun using JQuery and I am having a lot of fun checking out all of the features. I have this image and I have 2 copies of that image: One in sepia and the other in full color. The effect I want is that when I hover into the sepia image it fades out and then the full color image fades in.
The sepia image is the one I have in the page in a <div> element, however I haven't put the full colored image because it would appear in the page, and I only want it to appear when the user hovers above the sepia image. My code for doing this so far is this:
<script>
$("#sepia").hover(function() {
$(this).fadeOut(500);
})
</script>
I just need to put in the fade in to the new picture, but I don't know how to do it.
I would like to know if it is possible to hide a specific aera of a picture with jQuery and cover this zone by another color and text?
View 2 Replies View RelatedI'm setting up a web page and think jQuery will be able to sort this out for me.
I have an unordered list (5 items so far, but a few more may need to be added). On clicking on any of the items I need three things to happen on the page:
1. place a picture into a div
2. place a caption into another div
3. place a title into a third div
Clicking on a second item needs to hide these and show that item's related three bits.
So, is jQuery/javascript my best tool, how I can achieve it?
I try to implement a picture as a cluetip that should show up when the user touches the homepage logo. I tried different things but did not
make it properly. the logo had an awful border in the colors of the links and in Firefox 3 the cluetip did not show.
I'm currently trying to code a jQuery base memory game for school. I however got one problem right now. The cards are supposed to change picture on mouseover and change back on mouse leave. However, if you click on a picture, that card isn't supposed to turn back right away. I thought I could fix this with classes, but it doesn't work. Here's a part of the code:
$(document).ready(function() {
$("img.spelkort").mouseover(function() {
$(this).attr("src","spelkort/kortbaksidahover.jpg");
$(this).addClass("hover");
});
$("img.spelkort.hover").mouseleave(function() {
$(this).attr("src","spelkort/kortbaksida.jpg");
$(this).removeClass(".hover");
});
$("img.spelkort").click(function() {
$(this).attr("src","spelkort/kort1.jpg");
$(this).removeClass(".hover");
});});
I currently have a jQuery & Flickr powered slideshow at [url] My client is dissatisfied with the scrolling transitions and would like to see cross fading instead.
Can anyone recommend a lightweight slideshow/picture presenter (ideally which plays well with Flickr, but not entirely necessary)?
Is it possible to get the width of a picture:
<img src="../graphics/press/bw21.jpg" width=400 height=555 alt="" border="0">
the make a box be exactly the width of the picture:
document.write('<div class="box" style="width:'+ w +'px">');
How can I get peoples IP, Location, Town, Browser, and others to display in a .jpg picture, for example; www.danasoft.com How do they do that? What program do I need to make something like that? I tried it in Adobe fireworks but It did not work out that well.. the html/javascript coding did not stay in the picture when I saved it as .jpg or any other file type..
View 4 Replies View Relatedif i have a picture 300x300 px on-line!!!
is there a way to select a piece of that picture where i want like 120x200 and that that piece is showed into new window!!
something like photoshop when i select with the mask!!!
suggestions?
I'm flabbergasted that I was able to get this to work.
Now - is there a way (simple way) to have the pictures fade in and out?
Right now it is instantaneous, kind of abrupt. I prefer subtle.[code]...