Jump to content

Search the Community

Showing results for tags 'Images'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. I have a problem When I put a background image and after I put a padding value The position of the pictures changes. I do this: .actual { height: 255px; width: 805px; margin-left: 329px; margin-top: -255px; background-color: #555555; position: absolute; background-image: url(imagens/menu_actual_02.jpg); padding: 20px; } how I can fix this?
  2. polgee


    I am an absolute beginner at HTML. I was doing OK I until I had tried to include an image sourced on my computer. I have used the address of the source file on my computer, but the browser only shows a small square icon. What am I doing wrong? I am saving the file as .html (all files) ANSI. Another question. When files are uploaded to a website containing files housed on my computer, how does the browser locate the files when they are addressed to my computer?
  3. Hello, when I use images, do I always have to “Save for web and devices” through Photoshop in order to speed up the downloading process? It seems to me that the photos always lose on their quality/sharpness.
  4. Good day, I appreciate that this is a popular query but I've been searching the web for answers and I've been unable to get my code to work. I'm trying to create the effect of an animated button on a website. I have a div which contains an <img/>. This image is the "animated button". I have already prepared the additional images to represent the following frames. Now, the JavaScript code I have (which I've pulled together looking at examples) is below. var navAniButton;var aniImgs;var imgAniTimer;var index;var maxImages; function updateVar() {navAniButton = document.getElementById("navAniButton");aniImgs = ["images/Frame1.png", "images/Frame2.png", "images/Frame3.png", "images/Frame4.png", "images/Frame5.png", "images/Frame6.png", "images/Frame7.png", "images/Frame8.png"];imgAniTimer = setInterval(changeAniImg(), 500);index = 0;maxImages = aniImgs.length - 1;} function changeAniImg() {var curAniImg = aniImgs[index];index = (index == maxImages) ? 0 : ++index;navAniButton.src =curAniImg;} The updateVar(); function is called in the body "onload" to update the global variables. When the page is loaded the image src is loaded correctly and then it appears that the JavaScript attempts to change the src, because the image changes to a cross (you know, as if it can't locate the file). But, I can't figure out why it does this. I've opened the debugger and, originally, it advised that the maxImages variable had not been defined. It hadn't. So, I amended that, but now I'm not receiving any errors in the console. I apologise if I've missed something extremely obvious or if I'm omitted something that would help you all out. Let me know if I can help at all.
  5. Hi! I'm experiencing a wierd thing when I open my website in Firefox and Opera. The images loading in with a preloader is shown at actual size shortly before resizing to percentage-size according to my CSS. In Chrome the images appear as they should right from the start. What's the problem here?http://mace.macework.se/trycksaker/ Grateful for help!Thanks
  6. I am trying to copy and paste code from our footer and place it into our header. We wanted to move the social media icons from the bottom to the top of the page, among other things. There are a lot of div tags and a few CSS class tags as well, in the footer. However, I copied only the link and imagde code into the header so that it doesn't try to link to class and css for the footer. My problem is that when I put the code into my header, it ends up bliowing up the first icon and discplacing everything else on the page (in fact, everything else is now missing completely. See the image I've uploaded.) I've tried resizing manuaaly using style="width:;height:;" and I've tried using the width and height within the img tag itself, but nothing is working. The website is www.cleantelligent.com. I can't find any styling within the header that would be affecting this either. We want the social media icons right under the "get started" button. Any thoughts would be very helpful. Thanks!
  7. Hi all, My first post on the forum. I've learn a fair few bit from W3 website that has helped me with my blog site but I'm struggling with a couple of things that the users here might be able to help me out with. First of all, on my home page, I cannot seem to get a space between the text and image in the article list. Any ideas? 2. Also, on an article page, how can I set the padding around a gallery? I seem to get really large amounts of space below the gallery which I can't seem to remove. Any suggestions or tips would be greatly appreciated. Thanks, Lexi
  8. I have a div that contains an image. I would like the image to change, approximately every 5 seconds, to another image. There may be up to 10 images that I would like to have rotate (although I suppose the amount of images is, perhaps, irrelevant). I know that this is possible with Java Script. I've seen it work and suspect it's actually fairly straight forward (I'm sure there's countless tutorials on the internet, if I really get stuck). What I'd really like to know is if this is possible without using Java Script and instead using CSS? I believe it's possible in CSS3, as I read an article earlier with someone suggesting it was possible (but their demos weren't working in Internet Explorer). But that is, of course, a problem. I'd like a solution that I can use in most "major" browsers (IE, Chrome, Firefox, Safari etc.). CSS3 is only supported on the latest browsers and, even then, not all features are compatible. So, I don't think that's the answer. Does that leave me with no choice but to use Java Script?
  9. Hi, I need to display a picture on a web page. The picture is located on a third party's server. If the picture does not exist on the other server I need to display an alternate picture located in my directory. I am able to do this with a php script by using the get_header function and if I get a 200 ok returned I place the external url in the image tag and if I don't get the 200ok code I place the local path and file name in the image tag. I am a novice with asp.net and could use any help pointing me in the right direction to accomplish this. Thanks....
  10. I am almost a newbie at css3 and html5. when I was looking up image sizing in w3schools it said something to the effect that html5 no longer supports image sizing in per cents? I have Internet Explorer 8 for one design veiw browser, firefox, Chrome and safari are the other ones. Anyway the per cent sizing seems to be working in all browsers except IE8, is there a work around for the IE8 issue. The width works fine it's the height that is the problem. I'm not going to spend $100.00 just for an Internet Explorer browser. I know I need to update my os to windows 10 is it? but not at this time. Personal reasons. I do responsive website designing and px is not responsive. Isn't responsive the future way of the internet any more, with all the mobile devices out there?
  11. So i have this website wich i first uploaded on a private free web hosting server. Now some images do not show, and i first thought it got to do with t´because it is a slow free server! But that was not the problem since i now uploaded it on fast pay web hosting domain. This one: http://iphonetryck.se/index.php The images are not shown there either! I tried everything i know from making all the images small equaly(because UNIX does not recognise with one big and rest small or something like that...), to make the pictures from indexered to RGB, or to jpg. Neither work! I need help on to why this is happening. I tried to reupload also btw. I attach a picture on how it is suppose to look like - on the index startpage. As you see the index picture to the top left is not there, and the colorimages for the menylinks is not there either. Also some other pictures like the iphone too in one other page.
  12. Hey guys, I am currently in the process of building the HTML and CSS structure of a website for a friend. The website will use images, but the images that will be used will most likely be from Google image searches. I understand that any images used will belong to a third party. Will I be able to use any images I wish, as long as I reference them correctly somewhere in the HTML code? If so, how will I go about doing so? Would it be within the "alt" attribute? Any help with using third party images and referencing will be greatly appreciated. Unfortunately the organisation I am building the web site for doesn't have a photographer and are highly unlikely to employ one. I will be happy to answer questions regarding the web site if it will help me get an answer. Thanks in advance.
  13. I'm having some issues with our HTML. Attached is the new version of our website that I'm working on but the pictures need to be in a horizantal line rather than the diagonal that they're currently in. The images are coded from our /admin.php site so they aren't directly linked in the code- is this what is causing the issue? Below is the code- any thoughts? I've tried everything that I know. The //fixed highlights are the smaller images up top and the //slideshow is the larger image... The website before hade the slideshow at the top and the fixed highlights at the bottom and we just want to flip it. // fixed highlights $html = ''; $displayed = 0; $slide = unserialize(file_get_contents('images/home/highlights.txt')); if (count($slide)) { foreach ($slide as $key=>$param) { if ($param['active'] && ($displayed < 3)) { $html .= '<td>'; if ($param['URL']) $html .= '<a href="' . $param['URL'] . '">'; $html .= '<img src="/images/home/' . $param['image'] . '.jpg" width="250" height="150" border="0" alt="" style= float:left;/><br />'; if ($param['title']) $html .= '<h4>' . $param['title'] . '</h4>'; if ($param['URL']) $html .= '</a>'; $html .= '</td>' . "\n"; $displayed++; } } } if ($displayed) { print('<tr valign="top">' . "\n" . $html); if ($displayed < 3) { for ($i=$displayed; $i<3; $i++) print('<td style="width: 250px;"></td>' . "\n"); } print('</tr>' . "\n"); } // slideshow $html = ''; $slide = unserialize(file_get_contents('images/home/spotlight.txt')); if (count($slide)) { foreach ($slide as $key=>$param) { if ($param['active']) { $html .= '<div class="slide">'; if ($param['URL']) $html .= '<a href="' . $param['URL'] . '">'; $html .= '<img src="/images/home/' . $param['image'] . '.jpg" width="800" height="400" border="0" alt="" />'; if ($param['URL']) $html .= '</a>'; if ($param['title'] || $param['subtitle']) { $html .= '<div class="caption">'; if ($param['title']) $html .= $param['title'] . '<br />' . "\n"; if ($param['subtitle']) $html .= '<span class="subtitle">' . $param['subtitle'] . '</span>' . "\n"; $html .= '</div>' . "\n"; } $html .= '</div>' . "\n"; } } } if ($html) print('<div id="slideshow">' . "\n" . $html . "\n" . '</div>' . "\n" . '<div id="slidenav"></div>' . "\n"); // open lower grid print('<table cellpadding="0" cellspacing="25" border="0" style="margin: 0px -25px 0px -25px;">' . "\n"); // second row -- feeds and connect links if (dbconnect()) { print('<tr valign="top">' . "\n"); // news $sql = 'SELECT *,DATE_FORMAT(posted,"%M %e") AS pdate FROM news ORDER BY highlight DESC, posted DESC LIMIT 1'; $result = mysql_query($sql); if (mysql_num_rows($result)) { print('<td><h5>News</h5><p>' . "\n"); $row = mysql_fetch_assoc($result); mysql_free_result($result); print('<a href="' . ($row['url'] ? $row['url'] . '" target="_blank' : '/about/news.php?id=' . $row['ID']) . '">'); print($row['title'] . '</a><br />' . "\n" . '<span class="date">Posted ' . $row['pdate']); if ($row['source']) print('</span></p>' . "\n"); print('<p><a href="/about/news.php" class="social news">more news...</a></p>' . "\n"); print('</td>' . "\n"); }
  14. Hi I'm just learning CSS/HTML (self-taught) and am curious about the process required to achieve something like the image that can be seen on this blog page: http://theletteredcottage.net/our-house/ Any advice/info, and in particular some example code, would be fantastic. As stated, I'm only a newbie so simple explanations with limited jargon much appreciated :-) Thanks so much!
  15. Hi all,I have a page where i have lots of images and now after selecting any two images i go to new page and now in this page both the images have a feature of dragging. now i have a button in form saying merge. now if user drags the images in any position suppose one image is overlapping half of other images. now if i click on merge button the images should be merged and save in a new folder. I m using php for it. see attached image. i m using javascript to move the images in the page. now after user drag the two images then after clicking on merge button then the new image should be made. now what i m using is two make a new blank image having the width and height equal to the total of two images. now i m merging my first image to this blank image. by imagecopymerge function then again i m merging the second image to this image by using imagecopy method. but i m not finding the actual coordinate of two pictures and how to find which picture is on top of other.This is my code i know this is not good.$src1 = imagecreatefromjpeg("$image1");$src2 = imagecreatefromjpeg("$image2");header("Content-Type: image/jpg");$im = @imagecreatetruecolor($final_image_width, $final_image_height)or die("Cannot Initialize new GD image stream");$background_color = imagecolorallocate($im, 255, 255, 255);imagecopymerge($im, $src1,$source1_x, $source1_y, 0, 0, $image1_width, $image1_height, 100);imagecopy($im, $src2, $source2_x, $source2_y, 0, 0, $image2_width, $image2_height);header('Content-Type: image/jpg');imagepng($im);
  16. So the basic idea, in the webpage there would be example <span id="Images"></span> and the images should go inside. For example if the count = 0 the image 0.jpg would go inside span. Example2 if the count =1 image 1.jpg would go inside span. Im just asking does this look like it would work? Haven't tested yet. // JavaScript Documentvar count = 0;function image() {var img = document.getlementById("Images").innerHTML='<img src="/includes/images/' && count && '.jpg " width="800" height="600" />';}function nextimage() {count = count + 1;}function previousimage() {if (count = 0) {alert("You are already in beginning of images, you can't go back");} else {count = count -1;}}
  17. Hey mates. I want to share this information with you all who may be having the same issue. On Windows my webpage background and images display well. but on linux/ubuntu i was unable to view the images on the web page. Finally it worked after i changed the image name to its correct case. Example: background-image : url('images/gradient1.png'); changed to background-image : url('images/Gradient1.png'); It applies to html too. Hence i believe its better to practise using correct case when dealing with links and image names.
  18. In the HTML tutorials, all images were added from a web location (img src="url"/>), when creating my new site, how do i add the images which are on my computer. Do I have to upload the images to a FTP location on the web first and then create the web pages? OR Should i create everything under one folder on my computer and then upload the entire folder to the web host?
  19. Resolved Two issues I'm having that I could use some help with http://31theseries.com/shriekfest/ I have two images and I'd like to center the two of them as a group. In this case they're the same size but I have other applications where they're going to be different sizes Also I'm a bit mixed up on how I can get my buttons in a horizontal row instead of a vertical one. I tried using display inline but when I do suddenly my width and height definitions mean nothing and the images get cut off.
  20. Sorry for being a newbie but I badly need this code to run my project. I want to know any possible xslt code to output images. Here is my XML code:<?xml version="1.0"?><?xml-stylesheet type="text/xsl" href="sample.xslt"?><rental modTime="2011-08-30-15:02:54" status="current"><images><img id="a" modTime="2011-08-30-15:02:54" file="p2i4.jpg"/><img id="b" modTime="2011-08-30-15:02:54" file="p2i5.jpg"/><img id="c" modTime="2011-08-30-15:02:54" file="p2i6.jpg"/><img id="d" modTime="2011-08-30-15:02:54" file="p2i7.jpg"/><img id="e"/><img id="f"/><img id="g"/><img id="h"/><img id="i"/><img id="j"/><img id="k"/><img id="l"/><img id="m" modTime="2011-08-30-15:02:54" file="Photo/p2i3.jpg"/><img id="n"/><img id="o"/><img id="p"/><img id="q"/><img id="r"/><img id="s"/><img id="t"/><img id="u"/><img id="v"/><img id="w"/><img id="x"/><img id="y"/><img id="z"/></images></rental><name></name><creationDate></creationDate><author></author><copyright></copyright><authorEmail></authorEmail><authorUrl></authorUrl><version></version><description></description><files><filename>console.xml</filename><filename>p2i3.jpg</filename><filename>p2i4.jpg</filename><filename>p2i5.jpg</filename><filename>p2i6.jpg</filename><filename>p2i7.jpg</filename><filename>p3i8.jpg</filename><filename>p4i10.jpg</filename><filename>p4i9.jpg</filename><filename>p5i11.jpg</filename><filename>p5i12.jpg</filename><filename>console.xml</filename></files> Thank you in advance!
  21. kenoli

    Storing Images

    I have a site driven by a cms script that I wrote in php. For convenience, I have stored all the images in a mysql database. This makes it quite simple, scriptwise, to retrieve the image data from the image table, size it as I want it and insert it in an <img> tag in the page. Another way I could have done this is to store the images in a directory and store the location of each image in any record holding the page data on which that image appears. It is slightly more complex, scriptwise, in this case, to resize the image as desired on the page. Can anyone tell me if one way or the other is preferable and why? If someone has a another idea of how best to store images on a server, I'd be interested in hearing about it. --Kenoli
  • Create New...