I desperately need to make the background image of a site clickable, but I don't want everything (i.e. the contents of the site) to be clickable. how do I make it so that just the background image clicks to a website with making the contents click to that website as well.
Related
On a desktop, if I make an image a link, I can make the mouse change to a pointer to indicate that the image is clickable. How do people normally indicate a clickable image on mobile since there is no mouse?
I'm having some issues with images on my site which I'm downloading from an image delivery service.
They're displaying perfectly fine, but the issue comes if a user tries to right click and save the image. The images seem to be leaving off the image extension. Is there any way to force the image to download as, say a jpg? I've looked at the download attribute, but I think that's only valid on links, so it's not valid in this case.
When you right-click on an image in firefox, and click on Display image, it displays it. And around it, there is a black background.
Can I put my own background image instead of the black background?
No - you're entering browser-level functionality that is beyond your control.
You wouldn't really want a user to have to resort to this anyway. Are you trying to display the image in isolation? In which case create your own 'image view' page or show it in a lightbox or something.
I am working on a purely JS/HTML page where the user can upload an image and the image is converted to canvas data and displayed. Then the user can click on a button to have alterations performed to the pixel data, changing the display.
Now, if the user wants to save the image they can right click and do a save as and they are prompted to save the image as canvas.png; I would prefer, however, to just have a button "download image" that the user can click to pop up the standard save dialogue box.
My question is how can make such a button, that pulls the canvas data into a standard image download prompt?
Here are some more details:
If you do a "view image" on the displayed image the url it goes to is like this:
data:image/png;base64,iVBORw0KGgoAA (lots more stuff)
Jacob Seidelin, has created a library that allows you to save the canvas as an image. You can find his site here!
I think I could be doing something wrong in photoshop. I'm trying to create a banner for my website.
I created a new image in photoshop, then filled the background with a color I picked #E06205
I then saved the image as a jpeg.
On my webpage, I created a div and gave it a background color
background-color:#E05206;
When I open the page in Safari and Chrome it's beautiful. Matches perfectly.
However, when I open the page in FireFox, the colors don't match. I can't figure out why that is.
By the way, this is definitely a problem with the image I created. When I compare the same image side by side, Firefox gives me the 'wrong' color
Your issue is in the color profile you are using for the image. Make sure when you save the image you use Save for Web & Devices…
To read more if you want you could travel to this website:
http://css-tricks.com/color-rendering-difference-firefox-vs-safari/
You should save your images with "Save for Web & Devices" option of "File" menu in Photoshop. You can get many options and image types in this option as per your requirement.