[PHP]Zmiana obrazka po kliknięciu na niego,
Ostatnio zmodyfikowano 2014-03-08 12:16
GGG205 Temat założony przez niniejszego użytkownika |
[PHP]Zmiana obrazka po kliknięciu na niego, » 2014-03-04 14:38:42 Cześć! Robię galerie w php. Mam drobny problem. Kiedy klikam w miniaturkę, to nic się nie dzieje, a powinien wyskoczyć mi tekst "Działa". Zależy mi, aby po kliknięciu w miniaturkę, pokazał się obrazek w ustalonym miejscu (div id = "Duży obrazek"). Skrypt wygląda następująco: <?php
class Photo { public $Check = 0; public $Which = 0; public $ImagesFolder;
function WCreateImage() { while(($this->Files = readdir($this->ImagesFolder)) !== false) { if($this->Files != '.' && $this->Files != '..' && strpos($this->Files, 'thumb_') === false) { $this->File[] = $this->Files; } } }
function SeeImage($width,$height) { $Random = rand(0,9);
//if(isset($_GET['miniaturki'])) //{ //$this->Check = $_GET['miniaturki']; echo '<a href="Galeria/'.$this->File[$Random].'"><img width="'.$width.'" height='.$height.'" src="Galeria/' . $this->File[$Random] . '" /></a>'; //} }
function OpenFolder() { $this->ImagesFolder = opendir("Galeria"); }
function CloseFolder() { closedir($this->ImagesFolder); }
function ChooseImage() { if(isset($_GET['$this->Which'])) { if($this->Which == 2) echo "Działa"; else "Nie działa"; } }
function LoadMiniatures() { while($File = readdir($this->ImagesFolder)) { $ImageInfo = pathinfo($this->ImagesFolder.'/'.$File);
if($ImageInfo['extension'] == "jpg" || $ImageInfo['extension'] == "png") { echo '<a><img width="100" height="100" src="Galeria/'. $File .'" name ="'.$this->Which.'" onclick = "'.$this->ChooseImage().'" /></a>'; $this->Which++; } if($this->Which == 4) echo "<br/>"; } }
}
?> A kod strony: <?php include ("Photo.php"); ?>
<html> <head>
<title>InsideArt - Podchodzimy do grafiki z pasj�</title> <link rel="Shortcut icon" href="img/IA.png"> <script src="http://politykacookies.pl/politykacookies.pl.js"></script> <script type="text/javascript"> cookiesPolicy(); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { background-image: url(img/BG.png); }
#Background { color: white; font-family: Coolvetica; width: 100%; }
#TLogo { border-color: -moz-use-text-color; border-width: medium; margin: auto; max-width: 1419px; position: static; display: block; min-width: 1419px; }
#Logo1 { background-image: url(img/LOGO.png); background-position: center; margin-left: 195px; width: 363px; height: 363px; float: left; }
#Logo2 { float: left; background-image: url(img/LOGONAPIS.png); width: 499px; height: 317px; margin-right: 50px; }
#BgMenu { margin: 70px auto auto; background-color: rgb(54, 54, 54); width: 920px; height: 188px; position: relative; clear: both; overflow: hidden; }
#BgMenu:after { background-color: rgb(54, 54, 54); margin-left: auto; margin-right: auto; }
#Menu { min-width: 1000px; max-width: 4000px; margin-bottom: 30px; z-index: 1; position: relative; width: 870px; clear: both; float: none; margin-left: auto; margin-right: auto; left: 40px; top: 4px; }
#Menu ul, ul li { margin: 0pt; padding: 0pt; display: block; list-style-type: none; list-style-image: none; overflow: visible; float: left; }
#Menu ul { margin: 0pt; padding: 0pt; list-style-type: none; min-width: 1000px; font-size: 18px; height: 2em; line-height: 16em; text-align: center; overflow: visible; }
#Menu ul > li { margin: 10px; float: left; overflow: visible; }
#Menu a { background: transparent url(img/KWADRAT2.png) no-repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-decoration: none; color: rgb(88, 88, 88); display: block; width: 164px; height: 300px; float: left; overflow: visible; }
#Menu ul > li > a:hover { background: transparent url(img/KWADRATUSE2.png) repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; overflow: visible; } #BigWindowGraphic{width: 400px; height: 400px; border-style:solid; margin-left: auto; margin-right: auto; margin-top: 50px; }
#Miniatures { margin-left:auto; margin-right:auto; width: 440px; }
#Miniatures img { margin: 5px; }
#Miniatures a:hover { opacity: 0.5; } #Copyright { background-color: rgb(54, 54, 54); color: white; width: 100%; margin-top: 20px; }
</style> </head>
<body> <div id="Background">
<div id="TLogo">
<div id="Logo1"></div> <div id="Logo2"></div>
</div>
<div id="Menu"> <ul> <li><a href="index.html">STRONA GLOWNA</a></li> <li><a href="#">PORADNIKI</a></li> <li><a href="#">REGULAMIN</a></li> <li><a href="#">KONTAKT</a></li> <li><a href="#">GALERIA</a></li> </ul> </div> <div id="BgMenu"> </div>
<div id = "BigWindowGraphic"> <?php
$Gallery = new Photo;
$Gallery->OpenFolder(); $Gallery->WCreateImage(); $Gallery->SeeImage(400,400); $Gallery->CloseFolder();
?> </div>
<div id = "Miniatures"> <?php $Gallery->OpenFolder(); $Gallery->LoadMiniatures(); $Gallery->ChooseImage(); $Gallery->CloseFolder(); ?> </div>
<div id = "Copyright"> <center>Design by Inside & Code by GGG205</center> <center>© FORUM || insideart.PL - 2014</center> </div>
</div>
</body> </html>
|
|
maly |
» 2014-03-04 15:11:27 " onclick = "'.$this->ChooseImage().'" Java script nie wywoła żadnej funkcji z PHP. |
|
GGG205 Temat założony przez niniejszego użytkownika |
» 2014-03-04 18:13:47 :( dzięki, a wiesz może jak zrobić wybieranie obrazka za pomocą klikania w niego ? |
|
MrPoxipol |
» 2014-03-08 12:16:13 W JavaScript. |
|
« 1 » |