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">');
i am using jquery to detect picture width and height in a page. if the size exceeds a specified value, then a maximum size will be assigned to the <img > attribute.
this jquery is run with $(window).load, because when $(document).ready the pictures may not be loaded and the script may fail
this theory is good. however, if the internet speed is slow, or the picture link is dead, user would have to wait for a long long time before the jquery executes.
is there any way to do the resizing job wisely? for example, resize each picture once each of the pictures is loaded?
The 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.
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
View 6 Replies View RelatedIs there any way that one could have supersubs functionality applied to drop-down multi-column menus?I assume one would need to calculate the width of each column plus the combined width for the container.
View 1 Replies View RelatedI currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out!So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds the max_width. if it does then the script must calculate how many pixels the current width exceeds the max_width and get this number so that the script does: current_width = current_width - (max_width - current_width)
View 1 Replies View RelatedI've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
I am trying to setup a javascript function that sets a div's width based on the combined width of the li's with the name "navItem". The problems I have been running into when trying to define the width of the li's is that they do not have a width defined in css. Can anyone help me out with this? The javascript function setWindow is suppose to show the div loginWindow and set the width of it.
Code:
<div id="topNav">
<ul>
<li><img src="<?php print $site->folder['images']['header']; ?>topmenu_left.jpg" border="0" alt="" /></li>
<li name="navItem"><a href="<? print $site->url['about']; ?>">About Us</a></li>
<li name="navItem"><a onmouseover="setWindow('loginWindow');" href="<? print $site->url['billing']; ?>">Client Services</a></li>
[Code]...
Is the next jQuery code the best way to decrease an elements width?[code]I tried using the next code:[code]but that's not working, also not with '-20'.Maybe it's an idea to add this functionality? It's is already used in the .animate() function for changing the position of an element.
View 3 Replies View RelatedI need a code that when a button or image is clicked then a div's width and height are changed.
Ive managed to get a few codes that does this, but the real problem is that, the contents of the div is an embedded flash file and i thought that by setting the flash width and height to 100% then the flash would fit to the new size of the div, but it just didnt work.
I need a code that when a button is clicked then the div's and the flash's width and height are changed.
please have a look at the temp website latinunit net / temp / , you will understand where im coming from.
on the right hand side i have a flash chat in a div , div is controled by a script that allows it to follow the scrollers up and down.
My goal is to add a little button in the same div that says expand or maximise so when clicked the the div expands aswell as the flash file.
I got a table, first tr got 10 td, how to get the sum of the first three td's width
All I know is like:
Is there any solution via jQuery?
I want to set the width of a div to be the same width of the image inside the div.The following code works great. But...The images are different widths, so both wrappers are set to the width of the first image. Without having to add an ID to each wrapper or image, can the wrapper width be set to the image width using the name of the image as the unique identifier?
jQuery:
$(document).ready(function(){
var newWidth = $('div.wrapper img').attr('width');
$('div.wrapper').width(newWidth);
});
HTML:
<div class="wrapper">
<p><img src="image1.jpg" width="200" /><br />
Caption</p>
</div>
[code].....
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]...
I have been trying for several days now to append a text caption to a displayed image using Javascript, but with no real success. Perhaps JS is not the best way. Has anyone a suggestion as to the best way to tackle this.
I want to replace the image captions with text ones to help speed up the site. It is my home site here [URL].
A modification of the existing code seems obvious, but I have been unable to do this.
Setting: chruch multimedia computer and projection system, with 2 display
monitors. The projector is connected to monitor #2.
Is there some way using JavaScript I can display a ".jpg" picture on display
#2? I know how to send the <form> tag to turn on/off the projector, but
don't know how to put up a picture. I don't want any browser artifacts to
show. Just the picture.
i was wondering if there is a way to automatically crop a picture, or only show a specific part of it with javascript.i dont know if this is important or not, but i want the cropped picture to fill the div its in, no matter what size the div is.
View 6 Replies View RelatedI'm working on an application that is supposed to allow a user to upload a picture, which would be immediately displayed... how do I go about doing this?
View 1 Replies View RelatedSo I want to get view a picture off of the clients computer before uploading it, seems pretty easy with HTML 5 but I am having trouble with anything else. Here is a little code example.
<script langauge="javascript">
function changepic() {
document.getElementById('picview').img.src= "file:" +
[Code]....
I am developing a battleship game in javascript. I created a table of grid squares pictures. In the tags in included onclick = "a specific method to place a ship(this.id). This is not working. I am wondering if there is an easier way to pass an id through a parameter or would I have to do something different?
View 1 Replies View Relatedfor my gallery I am using the fallowing HTML. The Images are defined as '1.jpg', '2.jpg', '3.jpg' etc.I would like to change it to 'text.jpg'. However, when I change the image names, thumbnail names and the HTML, I only have a loading screen. So there seems to be a part of the JS which needs to be changed. Any idea how to do that?
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:www.w3.org/1999/xhtml">
[code]....