You are not logged in.

#1 2014-11-14 05:38:37

User RankUser RankUser RankUser RankUser RankUser Rank
بِسمِ اللَّهِ الرَّحمٰنِ الرَّحيمِ
From: Sahiwal Division
Registered: 2012-03-22
Posts: 22,197

How to fade in and fade out when hovering an image?

Hovering Image:

<!DOCTYPE html>
   <title>Instagram Search</title>
.main {
margin-top: 70px;
body {
background-image: url("black-texture-wallpaper-background-wood-backround-wooden-wood1.jpg");
    border-radius: 6px;
     -webkit-box-shadow: 1px 1px 15px #fff;
    box-shadow: 1px 1px 15px #fff;
     height: 200px;
width: 200px;

    <script src="//"></script>
    <script type="text/javascript">
        $(document).ready(function() {
                    url: "",
                    data: {keyword: $("#keyword").val()},
                    dataType: 'JSON',
                        function(jsonStr) {
                        var all_results = '';
                        $.each(, function(index, element){
                            all_results += '<div style="float:left; margin-left: 100px;" class="result_row">';
                            all_results += '<img class="img" src="'+element.profile_picture+'" />';
                            all_results += '<p align="center"> @' + element.username + '</p>';
                            all_results += '</div>';
        $(document).ready(function() {  
        $('#images img').css('opacity', 0.4);  

   $('#images img').hover(  


    <header style="margin-bottom: 1cm; ">
        <div style="float:left;" align="left">Instagram User Explorer</div>
            <div align="center">
                <form name="contact" id="contact" method="get">
                Search : <input type="text" name="keyword" id="keyword"/>
                <input type="button" value="search!" name="submit" id="submit"/>

    <section class="main">
        <h1 id="name" align="center"></h1>
        <div id="images"></div>



Retrieves from my php file some pictures and display it. I want to use jquery to fade in and out pictures when hovering in and out.

Online Web Tutorials And Interview Questions With Answers Forum:

2014-11-14 05:38:37

Ads By Google

Re: How to fade in and fade out when hovering an image?


Board footer