Questions tagged [image-replacement]

59 questions
7
votes
9 answers

Best Image Replacement Technique

What is the best (as in cross-browser) technique to do image replacement in CSS? I am using sprites to do my navigation, but I want the markup to remain SEO friendly. Given the following HTML structure...
3
votes
2 answers

How to replace a masked part of an image with another image using openCV python?

The objective is to replace a part of an image with another image. What I plan to do is to get the segment map of the original photo, and replace the selected part of the original with another image. For example, This is a photo of the original…
Jenny
  • 111
  • 2
  • 4
  • 10
3
votes
3 answers

Replace an image with a div on hover

Seems fairly simple, but I can't get it to work. The div contains facebook / twitter links. The way it should work is that the image is displayed and then when someone hovers on it, it disappears to be replaced by the social icons. I've got the…
2
votes
1 answer

Link with background image

I have some 10 buttons with image-text and hover states for each. What I want to do is use background-position, width and height to only show the part of the background image sprite and hover background-position to show the hover style. I'll also…
Francisc
  • 77,430
  • 63
  • 180
  • 276
2
votes
4 answers

how can I display an image when php have no image to extract fromthe server?

I've recently started learning Javascript but still not a bit expert on the subject. So I was wondering if anybody cloud help me out. I'm building a portfolio site using MySql databases and PHP My database table has 3 colons: name, small_image,…
contesta
  • 21
  • 3
2
votes
2 answers

Using OpenCV and Python to replace a segmented part of an image with other images

I want to replace a part of an image with another image. I am able to segment an image into it's respective class, take for example, in the image links, the picture of an eagle has been segmented using solid colours to differentiate between the…
2
votes
1 answer

Combining font icon and Image Replacement

My HTML is like this:
  • Facebook
  • I'm using the fontello icon font system however, I can't seem to work out how to make the word Facebook disappear and the icon remain! The generated content looks…
    Daniel
    • 782
    • 2
    • 6
    • 24
    2
    votes
    3 answers

    Image change on link click without hardcoding locations?

    What I'm trying to do is let a visitor change an image by clicking through a set of thumbnails. However, the problem I'm running into is that I really want to get away from hardcoding the image locations into the script. I want the script to be…
    user184625
    2
    votes
    1 answer

    H1 image replacement shows up in every browser except ie?

    I've managed to get my header to work as a link in ff, safari and opera with the css image replacement #header h1 { background-image: url(../images/logo.png); background-repeat: no-repeat; text-indent: -9999px; margin-left:…
    2
    votes
    1 answer

    Responsive logo (image replacement) in html5boilerplate

    I'm using the responsive version of html5 boilerplate via initializr.com. My site uses a custom logo so i added the .ir class to h1 .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } like…
    Barbara
    • 12,908
    • 6
    • 32
    • 43
    1
    vote
    1 answer

    jquery image replacement depending on scroll position only works properly after first load

    I have a horizontal scrolling website and depending on the scroll position I have an image replacement. On first load of page while you scroll when it is time for the first image swap the image dissappears and then reappears. After that the problem…
    Chris
    • 71
    • 1
    • 11
    1
    vote
    2 answers

    Are there any scenarios where pseudo classes wouldn't work?

    This sounds like an abstract question, but I'm trying to troubleshoot this project I'm working on and I am at a loss. I had to take over a project because the first developer was fired, so I made the rookie mistake of not starting it over from day…
    Syren
    • 1,961
    • 2
    • 15
    • 19
    1
    vote
    5 answers

    Image replacement

    I have a large div with the site header/logo as the background image. Is there anything wrong with putting a h2 tag containing the site title behind this using z-index, so that it would show if the user couldn't/didn't get the image for some reason?…
    byronyasgur
    • 4,627
    • 13
    • 52
    • 96
    1
    vote
    2 answers

    Problem with CSS image replacement in a multiple language PHP site

    i'm building a multiple language (Spanish/English) site with PHP & CSS. I have this piece of code in my common.php file to point to different css files depending on the language the user defines:
    1
    vote
    2 answers

    Image processing with node

    I am using angular 6. I have multiple images displayed from backend in my web application I want to add some effect on images like increase brightness & cropping or tagging & update that images into the backend is it possible in angular 6 & node? I…
    Pramod
    • 424
    • 2
    • 7
    • 28
    1
    2 3 4