Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Obrazek po najechaniu na tekst
Forum PHP.pl > Forum > Przedszkole
dezerter_af
Witam,

Mam kolejny problem. Otóż listuje sobie produkty i chciałbym zrobić tak aby po najechaniu na produkt pojawiało się jego zdjęcie. W bazie mam adres do zdjęcia przyporządkowany do każdego zdjęcia. W bazie adresy do zdjęć są w: "adres_zdjecia"

Kod wygląda tak:
  1. ble class="tdane">
  2. <tr>
  3. <td class="tdane_g" style="width: 25px">id</td>
  4. <td class="tdane_g" style="width: 150px">symbol</td>
  5. <td class="tdane_g" style="width: 195px">nazwa</td>
  6. <td class="tdane_g" style="width: 135px">rodzaj</td>
  7. <td class="tdane_g" style="width: 95px">data dodania</td>
  8. <td class="tdane_g" style="width: 95px">data modyfikacji</td>
  9. <td class="tdane_g" style="width: 50px"></td>
  10. <td class="tdane_g" style="width: 25px"></td>
  11. </tr>
  12. <?php
  13. {
  14. while ( $row=mysql_fetch_array($result) )
  15. {
  16. // określenie nazwy rodzaju jeśli taka została podana
  17. if ( !empty($row["rodzaj"]) )
  18. {
  19. $sql_rodzaj="select nazwa from rodzaj_produktu where id=".$row["rodzaj"];
  20.  
  21. $result_rodzaj=mysql_query($sql_rodzaj);
  22.  
  23. $row_rodzaj=mysql_fetch_array($result_rodzaj);
  24.  
  25. $nazwa_rodzaju=$row_rodzaj["nazwa"];
  26. }
  27. else $nazwa_rodzaju="";
  28.  
  29. // określenie czy wymagane dane są wypełnione, jeśli nie to określenie koloru, którym ma być produkt wyświetlony
  30.  
  31. if ( empty($row["opis"]) || empty($row["slowa_kluczowe"]) || empty($row["status"]) ||
  32. empty($row["dostepnosc_probek"]) || empty($row["powloka_jm"]) || empty($row["rodzaj"]) )
  33. {
  34. $produkt_kolor_d="; color: #b61515";
  35. $produkt_kolor_p=" style=\"color: #b61515\"";
  36. }
  37. else
  38. {
  39. $produkt_kolor_d="";
  40. $produkt_kolor_p="";
  41. }
  42.  
  43. // wyświetlenie produktu
  44. ?>
  45. <tr>
  46. <td class="tdane_d" style="width: 25px<?php echo $produkt_kolor_d ?>"><?php echo $row["id"] ?></td>
  47. <td class="tdane_d" style="width: 150px<?php echo $produkt_kolor_d ?>"><?php echo $row["symbol1"]."/".$row["symbol2"] ?></td>
  48. <td class="tdane_d" style="width: 195px<?php echo $produkt_kolor_d ?>"><?php echo $row["nazwa"] ?></td>
  49. <td class="tdane_d" style="width: 135px<?php echo $produkt_kolor_d ?>"><?php echo $nazwa_rodzaju ?></td>
  50. <td class="tdane_d" style="width: 95px<?php echo $produkt_kolor_d ?>"><?php echo $row["data_dodania"] ?></td>
  51. <td class="tdane_d" style="width: 95px<?php echo $produkt_kolor_d ?>"><?php echo $row["data_modyfikacji"] ?></td>
  52. <td class="tdane_d" style="width: 50px"><a href="produkt.php?id=<?php echo $row["id"] ?>&amp;podglad=1&amp;oferta=1"<?php echo $produkt_kolor_p ?>>podgląd</a></td>
  53. <td class="tdane_d" style="width: 25px"><a href="java script:schowekZmien(<?php echo $row["id"] ?>,0,'dodaj do schowka','usuń ze schowka')"><img src="obrazki/schowek_<?php if ( !in_array($row["id"],$schowek) ) echo "plus"; else echo "minus"; ?>.gif" alt="schowek" class="obrazek_przejscie" id="schowek_nr<?php echo $row["id"] ?>" onmouseover="podpowiedzSchowek(1,'schowek_nr<?php echo $row["id"] ?>')" onmouseout="podpowiedzSchowek(0,'schowek_nr<?php echo $row["id"] ?>')"></a></td>
  54. </tr>
  55. <?php
  56. }
  57. }
  58. else
  59. {
  60. ?>
  61. <tr>
  62. <td colspan="9" style="color: #FF0000; padding: 5px">brak produktów</td>
  63. </tr>
  64. <?php
  65. }
  66. ?>
  67. </table>
Poker
Tego się nie da w taki prosty sposób zrobić że wczytasz sobie tylko adres zdjęcia z bazy.

Jeżeli chcesz zrobić sobie element aby po najechaniu na jakiś Link lub cokolwiek tam chces zwyświetlało Ci zdjecie, możesz skorzystać z gotowych pluginów jQuery, lub stworzyć taki efekt w samym css'ie.

Tutaj wykorzystać będziesz musiał display:none, position:relative; position:absolute;


Ale nikt Ci gotowego kodu niestety nie poda, bo to w kilku miejscach trzeba wprowadzić zmiany.
dezerter_af
W zasadzie już mniej więcej wiem ja kto zrobić tylko nie mogę znaleźć odpowiedniego tooltipa.

Czy rozwiązanie typu:
<img src="zdjecia/zzz/<?php echo $row["zdjecie_glowne_duze"] ?>
Będzie dobre?
W kolumnie "zdjecie_glowne_duze" mam podaną nazwe pliku razem z .jp czyli np. klamerka.jpg
Czyli rozwiązanie prawie gotowe, został tylko odpowiedni plugin jquery który da możliwość wyświetlenia obrazka po najechaniu na link/tekst

Bardzo proszę o pomoc.

Pozdrawiam,
Sergiusz



@bump

@bump

@bump

Bardzo proszę o pomoc.
dezerter_af
Cytat(d3ut3r @ 13.06.2012, 09:06:08 ) *


Niestety to jest bardzo ograniczone i pozwala jedynie na pokazanie tekstu dla zdjęcia, ale udało mi się namierzyć zupełnie inny "produkt" i spełnił swoje zadanie w 100%.

Dla kolejnych osób szukających podobnej rzeczy:
http://robertmatuszewski.pl/blog/programow...p-w-jquery-css/

Dzięki temu po najechaniu na element pojawia się kolejny dowolny element :)

Pozdrawiam
d3ut3r
Mały offtop. Gdybyś zobaczył wszystkie dema trafiłbyś na to smile.gif:

http://jquerytools.org/demos/tooltip/any-html.html

dezerter_af
Sposób z mojego linku jest dużo prostszy, potrzebuje mniej kodu i dzięki temu jest lepszy ;d
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.