master
parent
c4cda29984
commit
982be57eca
@ -1,35 +0,0 @@
|
|||||||
div.figure1 {
|
|
||||||
position:absolute;
|
|
||||||
left: 15%;
|
|
||||||
top: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.figure2 {
|
|
||||||
position:absolute;
|
|
||||||
left: 70%;
|
|
||||||
top: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.figure3 {
|
|
||||||
position:absolute;
|
|
||||||
right: 10%;
|
|
||||||
top: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.figure4 {
|
|
||||||
position:absolute;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.figure5 {
|
|
||||||
position:absolute;
|
|
||||||
left:45%;
|
|
||||||
top: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.figure6 {
|
|
||||||
position:absolute;
|
|
||||||
left:10%;
|
|
||||||
bottom: 15%;
|
|
||||||
}
|
|
@ -1,46 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en-US">
|
|
||||||
<head>
|
|
||||||
<title>wayfair</title>
|
|
||||||
<link rel="stylesheet" href="wayfair.css">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="figure1">
|
|
||||||
<img id="forniture1" src="../gifs/forniture_1.gif" style="display: block;">
|
|
||||||
<img id="child1" src="../gifs/child_6.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="figure2">
|
|
||||||
<img id="forniture2" src="../gifs/forniture_2.gif" style="display: block;">
|
|
||||||
<img id="child2" src="../gifs/child_2.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="figure3">
|
|
||||||
<img id="forniture3" src="../gifs/forniture_3.gif" style="display: block;">
|
|
||||||
<img id="child3" src="../gifs/child_3.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="figure4">
|
|
||||||
<img id="forniture4" src="../gifs/forniture_4.gif" style="display: block;">
|
|
||||||
<img id="child4" src="../gifs/child_4.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="figure5">
|
|
||||||
<img id="forniture5" src="../gifs/forniture_5.gif" style="display: block;">
|
|
||||||
<img id="child5" src="../gifs/child_5.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="figure6">
|
|
||||||
<img id="forniture6" src="../gifs/forniture_6.gif" style="display: block;">
|
|
||||||
<img id="child6" src="../gifs/child_1.gif" style="display: none;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="wayfair.js" ></script>
|
|
||||||
</body>
|
|
@ -1,39 +0,0 @@
|
|||||||
$(document).ready(function() {
|
|
||||||
|
|
||||||
$("#forniture1").hover(
|
|
||||||
function(){ $("#forniture1").hide()},
|
|
||||||
function(){ $("#child1").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#forniture2").hover(
|
|
||||||
function(){ $("#forniture2").hide()},
|
|
||||||
function(){ $("#child2").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#forniture3").hover(
|
|
||||||
function(){ $("#forniture3").hide()},
|
|
||||||
function(){ $("#child3").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#forniture4").hover(
|
|
||||||
function(){ $("#forniture4").hide()},
|
|
||||||
function(){ $("#child4").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#forniture5").hover(
|
|
||||||
function(){ $("#forniture5").hide()},
|
|
||||||
function(){ $("#child5").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#forniture6").hover(
|
|
||||||
function(){ $("#forniture6").hide()},
|
|
||||||
function(){ $("#child6").show()
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});;
|
|
Loading…
Reference in New Issue