Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript] Zdjęcie z opisem
Forum PHP.pl > Forum > Przedszkole
migo
15.01.2009, 08:27:39
Witam wszystkich mam następujące pytanie jak zrobić prosty skrypt galerii zdjęć aby po kliknięciu na miniaturkę otwierało się zdjęcie z opisem na dole. Moja wiedza na temat php i java jest znikoma więc proszę o najprostszy jaki jest tylko możliwy.




Z góry dziękuję za pomoc.
webdice
15.01.2009, 10:30:51
Co ma galeria do frameworków? Przenoszę do działu Przedszkole, a na przyszłość proszę patrzeć na jakim forum piszesz.
skowron-line
15.01.2009, 11:52:29
To skoro się nie znasz to może skorzystaj z gotowego rozwiązania.
http://www.huddletogether.com/projects/lightbox/
Strarus
15.01.2009, 14:39:15
Mój kod:
[PHP] pobierz, plaintext 
  1. <?php
  2. error_reporting(E_ALL);
  3. if(isset($_GET['imageid'])) {
  4.  
  5.   $image = abs(intval($_GET['imageid']));
  6.   $first = 1;
  7.   $last = count(glob("grafiki/*.gif"));
  8.   $back = ($image - 1);
  9.   $next = ($image + 1);
  10.     $pierwszy = '<a class="navi" href="index.php?site=gallery&imageid=' . $first . '#image"><img border="0" src="navi/hard_left.png" alt="pierwszy" /></a>';
  11.     $poprzedni = '<a class="navi" href="index.php?site=gallery&imageid=' . $back . '#image"><img border="0" src="navi/left.png" alt="pierwszy" /></a>';
  12.     $nastepny = '<a class="navi" href="index.php?site=gallery&imageid=' . $next . '#image"><img border="0" src="navi/right.png" alt="następny" /></a>';
  13.     $ostatni = '<a class="navi" href="index.php?site=gallery&imageid=' . $last . '#image"><img border="0" src="navi/hard_right.png" alt="pierwszy" /></a>';
  14.  
  15.   $pokaz = '<a name="image"></a><table border="0" cellpadding="0" cellspacing="0">
  16. <tr>
  17. <td class="lgr"></td>
  18. <td class="gs"></td>
  19. <td class="pgr"></td>
  20. </tr>
  21. <tr>
  22. <td class="ls"></td>    
  23. <td bgcolor="#c2eaff">
  24. <a href="grafiki/' . $image . '.gif"><img border="0" src="grafiki/' . $image. '.gif" width="400" height="300"></a>
  25. </td>
  26. <td class="ps"></td>
  27. </tr>
  28. <tr>
  29. <td class="ldr"></td>
  30. <td class="ds"></td>
  31. <td class="pdr"></td>
  32. </tr>
  33. </table>';
  34.  
  35.  
  36.  
  37.  
  38. $baza = @mysql_connect('dsfgsgfg', 'safdsadf', 'sdfsdf'); //Dane do połączenia z MySQL
  39.   if (!$baza) {
  40.     exit('<p>W tej chwili nie można nawiazać ' .
  41.         'połaczenia z serwerem bazy danych.</p>' );
  42.   }
  43.   if (!@mysql_select_db('sadfsdf')) {
  44.     exit('<p>Nie można w tej chwili ' .
  45.         'zlokalizować bazy danych.</p>');
  46.   }
  47. $image = abs(intval($_GET['imageid']));
  48. $query = "SELECT * FROM podpisy WHERE id='$image';";
  49. $result = mysql_query($query);
  50.  
  51. if (!$result) {
  52.  
  53.    exit(' Bład podczas wykonywania zapytania: ' . mysql_error() . '');
  54. }
  55. while ($row = mysql_fetch_array($result)) {
  56.  
  57.    $content = $row['content'];
  58. }
  59. if( empty($content) ) {
  60.      $podpis = 'Brak podpisu dla tego obrazka <a class="navi" href="dodaj_podpis.php?id=' . $image . '">Dodaj podpis!</a>';
  61.    }
  62.    else {
  63.      $podpis = $content;
  64.    }
  65.  
  66. $obraz = 'grafiki/' . $image . '.gif';
  67.  
  68. list ($width, $height) = getimagesize($obraz); 
  69.   
  70.   $n_width = ceil($width) + 45;
  71.  
  72.   $n_height = ceil($height) + 500;
  73.  
  74. echo '<table border="0" cellpadding="0" cellspacing="0">
  75. <tr>
  76. <td class="pl"></td>
  77. <td class="pod"><font class="podpis">';
  78. echo ($podpis);
  79. echo '</font></td>
  80. <td class="pr"></td>
  81. </tr>
  82. </table><br/>';
  83.  
  84.  $last_1 = $last - 1;
  85.  if (file_exists('grafiki/' . $image . '.gif') && $image > $first && $image < $last )
  86.  {
  87. ?>
  88. <a name="image"></a><table border="0" cellpadding="0" cellspacing="0">
  89. <tr>
  90. <td class="lgr"></td>
  91. <td class="gs"></td>
  92. <td class="pgr"></td>
  93. </tr>
  94. <tr>
  95. <td class="ls"></td>    
  96. <td bgcolor="#c2eaff">
  97. <a href="pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>" onclick="window.open('pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
  98. e=no,fullscreen=no,channelmode=no,width=<?php echo ($n_width) ?>,height=<?php echo ($n_height) ?>').focus(); return false"><img border="0" src="grafiki/<?php echo($image) ?>.gif" width="400" height="300"></a>
  99. </td>
  100. <td class="ps"></td>
  101. </tr>
  102. <tr>
  103. <td class="ldr"></td>
  104. <td class="ds"></td>
  105. <td class="pdr"></td>
  106. </tr>
  107. </table>
  108. <?php
  109.  
  110. echo "$pierwszy";
  111.  
  112. echo "&nbsp&nbsp&nbsp$poprzedni";
  113.  
  114. echo "&nbsp&nbsp&nbsp$nastepny";
  115.  
  116. echo "&nbsp&nbsp&nbsp$ostatni";
  117. }
  118. else if (file_exists('grafiki/' . $image . '.gif') and $image >= $first and $image <= $last_1 ) {
  119.  
  120. ?>
  121. <a href="pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>" onclick="window.open('pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
  122. e=no,fullscreen=no,channelmode=no,width=<?php echo ($n_width) ?>,height=<?php echo ($n_height) ?>').focus(); return false"><a name="image"></a><table border="0" cellpadding="0" cellspacing="0">
  123. <tr>
  124. <td class="lgr"></td>
  125. <td class="gs"></td>
  126. <td class="pgr"></td>
  127. </tr>
  128. <tr>
  129. <td class="ls"></td>    
  130. <td bgcolor="#c2eaff">
  131. <a href="pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>" onclick="window.open('pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
  132. e=no,fullscreen=no,channelmode=no,width=<?php echo ($n_width) ?>,height=<?php echo ($n_height) ?>').focus(); return false"><img border="0" src="grafiki/<?php echo($image) ?>.gif" width="400" height="300"></a>
  133. </td>
  134. <td class="ps"></td>
  135. </tr>
  136. <tr>
  137. <td class="ldr"></td>
  138. <td class="ds"></td>
  139. <td class="pdr"></td>
  140. </tr>
  141. </table></a>
  142. <?php
  143.  
  144. echo "$nastepny";
  145.  
  146. echo "&nbsp&nbsp&nbsp$ostatni";
  147.  
  148. }
  149. else if (file_exists('grafiki/' . $image . '.gif') and $image > $first and $image <= $last ) {
  150.  
  151. ?>
  152. <a href="pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>" onclick="window.open('pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
  153. e=no,fullscreen=no,channelmode=no,width=<?php echo ($n_width) ?>,height=<?php echo ($n_height) ?>').focus(); return false"><a name="image"></a><table border="0" cellpadding="0" cellspacing="0">
  154. <tr>
  155. <td class="lgr"></td>
  156. <td class="gs"></td>
  157. <td class="pgr"></td>
  158. </tr>
  159. <tr>
  160. <td class="ls"></td>    
  161. <td bgcolor="#c2eaff">
  162. <a href="pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>" onclick="window.open('pokaz_obraz.php?id=<?php echo (abs(intval($_GET['imageid']))) ?>', 'nazwa', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizab
  163. e=no,fullscreen=no,channelmode=no,width=<?php echo ($n_width) ?>,height=<?php echo ($n_height) ?>').focus(); return false"><img border="0" src="grafiki/<?php echo($image) ?>.gif" width="400" height="300"></a>
  164. </td>
  165. <td class="ps"></td>
  166. </tr>
  167. <tr>
  168. <td class="ldr"></td>
  169. <td class="ds"></td>
  170. <td class="pdr"></td>
  171. </tr>
  172. </table></a>
  173. <?php
  174.  
  175. echo "$pierwszy";
  176.  
  177. echo "&nbsp&nbsp&nbsp$poprzedni";
  178.  
  179. }
  180. } else {
  181. $ile = count(glob("grafiki/*.gif"));
  182. $content = array();
  183. $ile2 = 0;
  184. for($link = 1; $link <= $ile; $link++) {
  185.  if($link % 2) {
  186.    echo '<br/>';
  187.  } 
  188.  $baza = @mysql_connect('asdasd', 'asdasd', 'asda'); //Dane do połączenia z MySQL
  189.  if (!$baza) {
  190.    exit('<p>W tej chwili nie można nawiazać ' .
  191.        'połaczenia z serwerem bazy danych.</p>' );
  192.  }
  193.  if (!@mysql_select_db('adADAds')) {
  194.    exit('<p>Nie można w tej chwili ' .
  195.        'zlokalizować bazy danych.</p>');
  196.  }
  197. $query = "SELECT * FROM podpisy WHERE id='$link';";
  198. $result = mysql_query($query);
  199.  
  200. if (!$result) {
  201.  
  202.   exit(' Bład podczas wykonywania zapytania: ' . mysql_error() . '');
  203. }
  204. while ($row = mysql_fetch_array($result)) {
  205.  
  206.   $content[$link] = $row['content'];
  207.  $ile2++;
  208. }
  209.  
  210. if(empty($content[$link]) ) {
  211.     $podpis = 'Brak podpisu';
  212.   }
  213.   else {
  214.     $podpis = $content[$link];
  215.   }
  216. echo '<div id="img"><a class="navi" href="index.php?site=gallery&imageid=' . $link . '"><img src="grafiki/' . $link . '.gif" width="50px" height="40px" /><br/>' . $podpis . '</a></div>';
  217. }
  218.  
  219. }
  220.  
  221.  ?>
[PHP] pobierz, plaintext


I pokaz obraz:
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3.   if(isset($_GET['id'])) {
  4.     
  5.     $id = abs(intval($_GET['id']));
  6.     $baza = @mysql_connect('asdasdas', 'asdasdas', 'asdasdasd'); //Dane do połączenia z MySQL
  7.    if (!$baza) {
  8.      exit('<p>W tej chwili nie można nawiazać ' .
  9.          'połaczenia z serwerem bazy danych.</p>' );
  10.    }
  11.    if (!@mysql_select_db('asdasdasd')) {
  12.      exit('<p>Nie można w tej chwili ' .
  13.          'zlokalizować bazy danych.</p>');
  14.    }
  15.      $first = 1;
  16.  $last = count(glob("grafiki/*.gif"));
  17.  $back = ($id - 1);
  18.  $next = ($id + 1);
  19.  $pierwszy = '<a class="navi" href="pokaz_obraz.php?id=' . $first . '"><img border="0" src="navi/hard_left.png" alt="pierwszy" /></a>';
  20.  $poprzedni = '<a class="navi" href="pokaz_obraz.php?id=' . $back . '"><img border="0" src="navi/left.png" alt="pierwszy" /></a>';
  21.  $nastepny = '<a class="navi" href="pokaz_obraz.php?id=' . $next . '"><img border="0" src="navi/right.png" alt="następny" /></a>';
  22.  $ostatni = '<a class="navi" href="pokaz_obraz.php?id=' . $last . '"><img border="0" src="navi/hard_right.png" alt="pierwszy" /></a>';
  23.  $image = abs(intval($_GET['id']));
  24.  $query = "SELECT * FROM podpisy WHERE id='$image';";
  25.  $result = mysql_query($query);
  26.  $echoimg = '<br/><table border="0" cellpadding="0" cellspacing="0">
  27.  <tr>
  28.  <td class="lgr"></td>
  29.  <td class="gs"></td>
  30.  <td class="pgr"></td>
  31.  </tr>
  32.  <tr>
  33.  <td class="ls"></td>    
  34.  <td bgcolor="#c2eaff">
  35.  <a href="grafiki/' . $id . '.gif"><img border="0" src="grafiki/' . $id. '.gif" /></a>
  36.  </td>
  37.  <td class="ps"></td>
  38.  </tr>
  39.  <tr>
  40.  <td class="ldr"></td>
  41.  <td class="ds"></td>
  42.  <td class="pdr"></td>
  43.  </tr>
  44.  </table><br/>';
  45.  
  46.  if (!$result) {
  47.  
  48.     exit(' Bład podczas wykonywania zapytania: ' . mysql_error() . '');
  49.  }
  50.  while ($row = mysql_fetch_array($result)) {
  51.  
  52.     $content = $row['content'];
  53.  }
  54.  if( empty($content) ) {
  55.       $podpis = 'Brak podpisu dla tego obrazka <a class="navi" href="dodaj_podpis.php?id=' . $image . '">Dodaj podpis!</a>';
  56.     }
  57.     else {
  58.       $podpis = $content;
  59.     }
  60.     
  61.     
  62.     echo '<table border="0" cellpadding="0" cellspacing="0">
  63.      <tr>
  64.      <td class="pl"></td>
  65.      <td class="pod"><font class="podpis">';
  66.      echo ($podpis);
  67.      echo '</font></td>
  68.      <td class="pr"></td>
  69.      </tr>
  70.      </table>';
  71.      $last_1 = $last - 1;
  72.   if (file_exists('grafiki/' . $image . '.gif') && $image > $first && $image < $last )
  73.   {
  74.  
  75.  echo "$echoimg";
  76.  
  77.  echo "$pierwszy";
  78.  
  79.  echo "&nbsp&nbsp&nbsp$poprzedni";
  80.  
  81.  echo "&nbsp&nbsp&nbsp$nastepny";
  82.  
  83.  echo "&nbsp&nbsp&nbsp$ostatni";
  84.  }
  85.  else if (file_exists('grafiki/' . $image . '.gif') and $image >= $first and $image <= $last_1 ) {
  86.  
  87.  echo "$echoimg";
  88.  
  89.  echo "$nastepny";
  90.  
  91.  echo "&nbsp&nbsp&nbsp$ostatni";
  92.  
  93.  }
  94.  else if (file_exists('grafiki/' . $image . '.gif') and $image > $first and $image <= $last ) {
  95.  
  96.  echo "$echoimg";
  97.  
  98.  echo "$pierwszy";
  99.  
  100.  echo "&nbsp&nbsp&nbsp$poprzedni";
  101.  
  102.  }
  103.  
  104.   } else {
  105.     echo 'Nie wybrano obrazka';
  106.   }
  107.  
  108.  ?>
[PHP] pobierz, plaintext


Może się przyda smile.gif

Sorry, że w dwóch postach ale do jednego nie weszło smile.gif
migo
15.01.2009, 19:05:42
Przepraszam za zły dział
a poza tym link podany przez skowron-line jest bez dodawania opisów. Chodzi mi dokładnie o to aby skrypt sam dobierał te opisy po otworzeniu zdjęcia robi się to za pomocą pliku txt ale nie wiem jak to wszystko złożyć do kupy w całość aby działało w tej chwili mam dany taki skrypt z pętlą

<?php
$iloscfotek = 7;
for($i=1; $i<=$iloscfotek; $i++)
{
echo "<a href='obrazki/t/$i.jpg'><img src='obrazkiminiaturki/t/$i.jpg' /></a>";
}
?>


I jak mam do tego dodawać opisy ktoś mi wyjaśni co mam gdzie wpisać aby pobierał z pliku napisy.php albo napisy.txt nieistotne gdzie to pokaże istotne jest aby to działało.

Z góry dzieki.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.