[HTML][PHP]Obrazek po najechaniu na tekst Opcje

[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:

[PHP] pobierz, plaintext 
ble class="tdane">
    <tr>
        <td class="tdane_g" style="width: 25px">id</td>
        <td class="tdane_g" style="width: 150px">symbol</td>
        <td class="tdane_g" style="width: 195px">nazwa</td>
        <td class="tdane_g" style="width: 135px">rodzaj</td>
        <td class="tdane_g" style="width: 95px">data dodania</td>
        <td class="tdane_g" style="width: 95px">data modyfikacji</td>
        <td class="tdane_g" style="width: 50px"></td>
        <td class="tdane_g" style="width: 25px"></td>
    </tr>
    <?php
    if (mysql_affected_rows()>0 )
      {
       while ( $row=mysql_fetch_array($result) )
         {
          // określenie nazwy rodzaju jeśli taka została podana
          if ( !empty($row["rodzaj"]) )
            {
             $sql_rodzaj="select nazwa from rodzaj_produktu where id=".$row["rodzaj"];
 
             $result_rodzaj=mysql_query($sql_rodzaj);
 
             $row_rodzaj=mysql_fetch_array($result_rodzaj);
 
             $nazwa_rodzaju=$row_rodzaj["nazwa"];
            }
          else $nazwa_rodzaju="";
 
          // określenie czy wymagane dane są wypełnione, jeśli nie to określenie koloru, którym ma być produkt wyświetlony
 
          if ( empty($row["opis"]) || empty($row["slowa_kluczowe"]) || empty($row["status"]) ||
               empty($row["dostepnosc_probek"]) || empty($row["powloka_jm"]) || empty($row["rodzaj"]) )
            {
             $produkt_kolor_d="; color: #b61515";
             $produkt_kolor_p=" style=\"color: #b61515\"";
            }
          else
            {
             $produkt_kolor_d="";
             $produkt_kolor_p="";
            }
 
          // wyświetlenie produktu
          ?>
            <tr>
               <td class="tdane_d" style="width: 25px<?php echo $produkt_kolor_d ?>"><?php echo $row["id"] ?></td>
               <td class="tdane_d" style="width: 150px<?php echo $produkt_kolor_d ?>"><?php echo $row["symbol1"]."/".$row["symbol2"] ?></td>
               <td class="tdane_d" style="width: 195px<?php echo $produkt_kolor_d ?>"><?php echo $row["nazwa"] ?></td>
               <td class="tdane_d" style="width: 135px<?php echo $produkt_kolor_d ?>"><?php echo $nazwa_rodzaju ?></td>
               <td class="tdane_d" style="width: 95px<?php echo $produkt_kolor_d ?>"><?php echo $row["data_dodania"] ?></td>
               <td class="tdane_d" style="width: 95px<?php echo $produkt_kolor_d ?>"><?php echo $row["data_modyfikacji"] ?></td>
               <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>
               <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>
           </tr>
          <?php
         }
      }
    else
      {
       ?>
           <tr>
               <td colspan="9" style="color: #FF0000; padding: 5px">brak produktów</td>
           </tr>
       <?php
      }
?>
</table>
[PHP] pobierz, plaintext 

[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.

[d3ut3r]

http://jquerytools.org/demos/tooltip/index.html

[dezerter_af]

http://jquerytools.org/demos/tooltip/index.html

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

Ten post edytował dezerter_af 13.06.2012, 09:20:38

[d3ut3r]

Mały offtop. Gdybyś zobaczył wszystkie dema trafiłbyś na to :

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