Line 1: | Line 1: | ||
− | < | + | <p class='porify'> |
− | < | + | <img src="../Aalto-Helsinki-wiki-17/Porifi.png" alt="Porifi Main"> |
+ | <h1>PURIFY YOUR PORES FROM ACNE BACTERIA</h1> | ||
+ | </p> | ||
− | <!-- | + | <!-- Rotating Porifi --> |
− | < | + | <script type="text/javascript"> |
− | + | // works only by switching 1 image so far | |
− | + | $("document").ready(function() { | |
− | + | var target = $("img[alt^='Porifi']").attr('src'); | |
− | + | var labTarg = target.replace('.png', '-lab.png'); | |
− | + | var modTarg = target.replace('.png', '-mod.png'); | |
− | + | var hpTarg = target.replace('.png', '-hp.png'); | |
− | + | var comTarg = target.replace('.png', '-community.png'); | |
+ | var peoTarg = target.replace('.png', '-people.png'); | ||
+ | |||
+ | $('#dropdown>ul>li>a.lab').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", labTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", labTarg); | ||
+ | }); | ||
+ | $('#dropdown ul ul li a.lab').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", labTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", labTarg); | ||
+ | }); | ||
− | + | $('#dropdown>ul>li>a.mod').hover(function() { | |
− | + | $("img[alt^='Porifi']").attr("src", modTarg); | |
− | + | }, function() { | |
+ | $("img[alt^='Porifi']").attr("src", modTarg); | ||
+ | }); | ||
− | + | $('#dropdown ul ul li a.mod').hover(function() { | |
− | + | $("img[alt^='Porifi']").attr("src", modTarg); | |
− | + | }, function() { | |
− | + | $("img[alt^='Porifi']").attr("src", modTarg); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | $('#dropdown>ul>li>a.hp').hover(function() { | |
− | + | $("img[alt^='Porifi']").attr("src", hpTarg); | |
− | + | }, function() { | |
− | + | $("img[alt^='Porifi']").attr("src", hpTarg); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | $('#dropdown ul ul li a.hp').hover(function() { |
− | < | + | $("img[alt^='Porifi']").attr("src", hpTarg); |
− | + | }, function() { | |
− | + | $("img[alt^='Porifi']").attr("src", hpTarg); | |
− | + | }); | |
− | < | + | |
+ | $('#dropdown>ul>li>a.com').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", comTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", comTarg); | ||
+ | }); | ||
+ | |||
+ | $('#dropdown ul ul li a.com').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", comTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", comTarg); | ||
+ | }); | ||
+ | |||
+ | $('#dropdown>ul>li>a.peo').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", peoTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", peoTarg); | ||
+ | }); | ||
+ | |||
+ | $('#dropdown ul ul li a.peo').hover(function() { | ||
+ | $("img[alt^='Porifi']").attr("src", peoTarg); | ||
+ | }, function() { | ||
+ | $("img[alt^='Porifi']").attr("src", peoTarg); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!--Force footer to stay at the bottom...--> | ||
+ | <style> | ||
+ | html { | ||
+ | height: auto !important; | ||
+ | min-height: 100% !important; | ||
+ | } | ||
+ | </style> | ||
<!-- FOOTER --> | <!-- FOOTER --> | ||
<footer> | <footer> | ||
− | <div class="footer- | + | <div class="footer-mainpage"> |
<div class="texts"> | <div class="texts"> | ||
<ul class="pe-social"> | <ul class="pe-social"> | ||
Line 143: | Line 105: | ||
</div> | </div> | ||
</footer> | </footer> | ||
− | |||
</body> | </body> | ||
<html> | <html> |
Revision as of 14:21, 18 September 2017
<img src="../Aalto-Helsinki-wiki-17/Porifi.png" alt="Porifi Main">
PURIFY YOUR PORES FROM ACNE BACTERIA
<script type="text/javascript"> // works only by switching 1 image so far $("document").ready(function() {
var target = $("img[alt^='Porifi']").attr('src'); var labTarg = target.replace('.png', '-lab.png'); var modTarg = target.replace('.png', '-mod.png'); var hpTarg = target.replace('.png', '-hp.png'); var comTarg = target.replace('.png', '-community.png'); var peoTarg = target.replace('.png', '-people.png'); $('#dropdown>ul>li>a.lab').hover(function() { $("img[alt^='Porifi']").attr("src", labTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", labTarg);
});
$('#dropdown ul ul li a.lab').hover(function() { $("img[alt^='Porifi']").attr("src", labTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", labTarg);
});
$('#dropdown>ul>li>a.mod').hover(function() { $("img[alt^='Porifi']").attr("src", modTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", modTarg);
});
$('#dropdown ul ul li a.mod').hover(function() { $("img[alt^='Porifi']").attr("src", modTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", modTarg);
});
$('#dropdown>ul>li>a.hp').hover(function() { $("img[alt^='Porifi']").attr("src", hpTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", hpTarg);
});
$('#dropdown ul ul li a.hp').hover(function() { $("img[alt^='Porifi']").attr("src", hpTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", hpTarg);
});
$('#dropdown>ul>li>a.com').hover(function() { $("img[alt^='Porifi']").attr("src", comTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", comTarg);
});
$('#dropdown ul ul li a.com').hover(function() { $("img[alt^='Porifi']").attr("src", comTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", comTarg);
});
$('#dropdown>ul>li>a.peo').hover(function() { $("img[alt^='Porifi']").attr("src", peoTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", peoTarg);
});
$('#dropdown ul ul li a.peo').hover(function() { $("img[alt^='Porifi']").attr("src", peoTarg);
}, function() {
$("img[alt^='Porifi']").attr("src", peoTarg);
}); });
</script>
<style> html { height: auto !important; min-height: 100% !important; } </style>
<footer>
</footer>
</body>