fade in background image when hover

I have jquery to change the background image when hovering on the text. I want to add a fade in effect.

here is the code I have now:

$(document).ready(function(){
    $("#anatomyNow").hover(function(){
        $("#bg").css("background-image",    "url(image/anatomyNow5.png)");
        }, function(){
        $("#bg").css("background-image",    "url(image/anatomyNow5.png)");
        });
});

I tried to add the code below but it doesn’t work.

$(document).ready(function(){
$("#anatomyNow").hover(function(){
    $("#bg").fadeIn();
});

});

All topic

How to blend a segment of an image with another image

I want to put a segment of an image to another image. But to make it realistic I applied poisson blending. But the output is not good at all.

Output without poisson blending. The kid was cropped from another image.

enter image description here

With poisson blending

enter image description here

I have no clue what else to try. I though of calculating average value of the image segment where the kid is placed and then scaling the kids color to that average. But it should not work properly if that image segment is very white or black etc.

All topic

image asset icon name must be set

while adding image asset to my flutter app, whatever the name i set the error still the same and refuse to add the image
enter image description here

my flutter doctor output

/home/ahmed/flutter/bin/flutter –no-color doctor Doctor summary (to
see all details, run flutter doctor -v): [✓] Flutter (Channel beta,
v0.5.1, on Linux, locale en_US.UTF-8) [✓] Android toolchain – develop
for Android devices (Android SDK 27.0.3) [✓] Android Studio (version
3.1) [✓] Connected devices (1 available)

• No issues found! Process finished with exit code 0

All topic

Adding Post Image programatically

How do I add a Featured Image programatically, given the URL/filename of the image, and Post ID associated with it?

All topic

Randomly select + place an image within a div

I’m working on a proof of concept idea I want to use in a Brutalist styled web page.

This would involve having transparent image being placed randomly behind the content on load, I have this working with mostly vanilla JS, minus a few jQuery methods that I wasn’t sure how I could translate back to vanilla. (I learned jQuery helper functions before having a concrete understanding of vanilla JS and now I regret it. lol)

Anyways, here’s the JS Fiddle, for you to see the concept, and below is the code with comments.

Javascript

/* Set Variables at the start of the document *
*
* Frame = Parent of the image element (absolute pos within body content) *
* Top/Left Position = the top/left walls of the document *
* Tag = variable for Image element *
*/

var frame = document.getElementById("frame");
var top_position = (Math.random() * ($(document).width() - 500)).toFixed();
var left_position = (Math.random() * ($(document).width() - 500)).toFixed();
var tag = document.getElementById('random');

// Create array of images to randomly select one
var image = [];
image[0] = "https://via.placeholder.com/350x150";
image[1] = "https://via.placeholder.com/150x150";
image[2] = "https://via.placeholder.com/150x350";
image[3] = "https://via.placeholder.com/500x150";
var size = image.length

// randomly selects number of array 0 through size(array.length)
var x = Math.floor(size * Math.random());

//Apply image src/styles to image on load
tag.src = image[x];
tag.style.position = 'absolute';
tag.style.top = top_position + "px";
tag.style.left = left_position + "px";
top_position += 20;
left_position += 20

Is there anyways I can simplify this and combine some functions, while still keeping it readable?

All topic

Is removing old linux-headers and linux-image packages safe?

I started using Ubuntu and like it so far.

I got my first system at a point where problems would really hurt.

Normaly I do the apt-get upgrade stuff quite brain-off but this here made me feel a bit uncertain.

The following packages were automatically installed and are no longer required:
  linux-headers-4.15.0-29 linux-headers-4.15.0-29-generic linux-image-4.15.0-29-generic linux-modules-4.15.0-29-generic linux-modules-extra-4.15.0-29-generic
Use 'sudo apt autoremove' to remove them.

I believe that newer version of this modules are installed and used already and that this old ones can be removed. But that is just me theory. When running autoremove it says that 335 MB will be freed.

Is this safe or not?

Kind regards,
Michael

All topic

Suggestions needed: Automatically recognising key elements of object in 2D image for technical drawing reconstruction [on hold]

Disclaimer: I am aware that this is a vague question, I am merely looking for suggestions on where to start. If you find that this question is better asked elsewhere, suggestions are more than welcome.

Problem: From a 2D image displaying an object (displayed as either lines or filled areas), I need to recognise and pinpoint the location of key elements such as sharp corners, rounded corners (fillets), holes, etc. in order to create a technical CAD drawing of the object.

Current knowledge: I am capable of automatically creating drawings (measurements, lines) in CAD software such as CATIA. It is the classification and location of these key features I am after.

Question(s): Simply put: where do I start? Is computer vision my answer?
I am aware of OpenCV’s contour and hough circle methods, and have tried these with a certain amount of success. This enable me to find rounded corners and sharp, 90° angles. Is OpenCV the best way to go, could you suggest different libraries, or should I ignore computer vision altogether and focus on training a convolutional neural network to classify parts of the image and go from there?

Again, apologies for the vagueness of this question from a first-timer.

All topic

Self-hosted spherical (360-degree) image viewer?

I’m taking 360-degree pictures.

I want to share them.

I don’t want people viewing them to install any apps / any software.

Just mine webserver running ___ and me sharing a private link.

I’ve found this – https://www.quora.com/Whats-the-best-way-to-share-a-360-degree-panoramic-photo – with some suggestions but maybe in 2016 there is a better way?

All topic

Suggestions needed: Automatically recognising key elements of object in 2D image for technical drawing reconstruction

Disclaimer: I am aware that this is a vague question, I am merely looking for suggestions on where to start. If you find that this question is better asked elsewhere, suggestions are more than welcome.

Problem: From a 2D image displaying an object (displayed as either lines or filled areas), I need to recognise and pinpoint the location of key elements such as sharp corners, rounded corners (fillets), holes, etc. in order to create a technical CAD drawing of the object.

Current knowledge: I am capable of automatically creating drawings (measurements, lines) in CAD software such as CATIA. It is the classification and location of these key features I am after.

Question(s): Simply put: where do I start? Is computer vision my answer?
I am aware of OpenCV’s contour and hough circle methods, and have tried these with a certain amount of success. This enable me to find rounded corners and sharp, 90° angles. Is OpenCV the best way to go, could you suggest different libraries, or should I ignore computer vision altogether and focus on training a convolutional neural network to classify parts of the image and go from there?

Again, apologies for the vagueness of this question from a first-timer.

All topic

Question: Guidelines for Image Protection Plug-in

My name is Alex, I am a product manager with SmartFrame Technologies (https://smartframe.io). We have developed a technology to protect images on the internet and would like to create a WordPress plugin. In order to provide this protection this plugin needs to upload those images to our API and swap tags in the template with our SmartFrame web component. Within a free registered account we provide 2 GB of storage. The Developer Guidelines sounds as we would comply but we are not 100% sure since this technology depends on our external API, swaps content in the template and has a storage limit too.
Who could help to find out if we completely comply with the WP Guidelines?

All topic