Panel użytkownika
Nazwa użytkownika:
Hasło:
Nie masz jeszcze konta?

[PHP]Zmiana obrazka po kliknięciu na niego,

Ostatnio zmodyfikowano 2014-03-08 12:16
Autor Wiadomość
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&Auml;&#65533;</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>&copy FORUM || insideart.PL - 2014</center>
</div>

</div>



</body>
</html>
P-105607
maly
» 2014-03-04 15:11:27
" onclick = "'.$this->ChooseImage().'"
Java script nie wywoła żadnej funkcji z PHP.
P-105611
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 ?
P-105638
MrPoxipol
» 2014-03-08 12:16:13
W JavaScript.
P-105847
« 1 »
  Strona 1 z 1