- Messages
- 55
- Reaction score
- 0
- Points
- 26
Code mo is ok naman as javascript. kong sa image url naman, PHP or CSS na ang gagawa nyan.
for PHP. create new file name it to image.php
<?php
session_start();
if (isset($_GET['h'])) {
$hash = $_GET['h'];
if (isset($_SESSION[$hash]) && $_SESSION[$hash]) {
echo file_get_contents('http://res.cloudinary.com/mmobay-llc/image/upload/v1474880587/j0b9cwtk1luhb3pdbxao.jpg'.$_SESSION[$hash]);
unset($_SESSION[$hash]);
}
}
?>
DONE na si php mo.
Sa HTML mo nman is.
<html>
<div id="myimageDiv" style="display:none;">
<img src="image.php?h=bf6304c0be9c7c3128f1888a3c762b02" alt="">
<br />
</div>
<button onclick="showHide()" id="myBtn" >Click Here</button>
<script type="text/javascript">
function showHide(){
var oImageDiv=document.getElementById("myimageDiv");
oImageDiv.style.display=(oImageDiv.style.display=='none')?'inline':'none';
}
</script>
</html>
DONE na sa HTML.
Sa CSS naman.
<style>
.image {
width:100px;
height:100px;
background: url(your image path) 0 0 no-repeat;
}
</style>
Sa HTML mo using CSS trick.
<html>
<div id="myimageDiv" style="display:none;">
<img class="image">(space)</img> or <img class="image"/> or
<br />
</div>
<button onclick="showHide()" id="myBtn" >Click Here</button>
<script type="text/javascript">
function showHide(){
var oImageDiv=document.getElementById("myimageDiv");
oImageDiv.style.display=(oImageDiv.style.display=='none')?'inline':'none';
}
</script>
</html>
Last edited:
ill wait po sa reply
