fork download
copy 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <!--
  6. metaタグでcharsetをUTF-8に設定しています。
  7. (モチロン他のキャラクターセットに変更しても良いですが)必ずcharsetに設定されているキャラクターセットでセーブして下さい。
  8. -->
  9.   <title></title>
  10.   <style>
  11.     .ImageChanger_Container>.ImageChanger_hover {
  12.       display: none;
  13.     }
  14.  
  15.     .ImageChanger_Container:hover>.ImageChanger_Default {
  16.       display: none;
  17.     }
  18.  
  19.     .ImageChanger_Container:hover>.ImageChanger_Hover {
  20.       display: inline;
  21.     }
  22.   </style>
  23. </head>
  24. <body>
  25.   <div class="ImageChanger_Container">
  26.     <img class="ImageChanger_Default" src="img1.jpg">
  27.     <img class="ImageChanger_Hover" src="img2.jpg">
  28.   </div>
  29. </body>
  30. </html>
  31.  
Success #stdin #stdout 0.03s 25220KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!--
metaタグでcharsetをUTF-8に設定しています。
(モチロン他のキャラクターセットに変更しても良いですが)必ずcharsetに設定されているキャラクターセットでセーブして下さい。
-->
  <title></title>
  <style>
    .ImageChanger_Container>.ImageChanger_hover {
      display: none;
    }

    .ImageChanger_Container:hover>.ImageChanger_Default {
      display: none;
    }

    .ImageChanger_Container:hover>.ImageChanger_Hover {
      display: inline;
    }
  </style>
</head>
<body>
  <div class="ImageChanger_Container">
    <img class="ImageChanger_Default" src="img1.jpg">
    <img class="ImageChanger_Hover" src="img2.jpg">
  </div>
</body>
</html>
https://ideone.com/3QQe6Q
language:
PHP (php 7.3.5)
created:
2 years ago
visibility:
secret

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!