Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Jquery nałożenie przezroczystego paska na zdjęcie.
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

Ostrzeżenie: (0%)
-----


Witam jak mogę osiągnąć taki efekt jak na


(IMG:http://www.fusion.boo.pl/pasek.JPG)



Chodzi o ten przezroczysty pasek na dole zdjęcia. Chciał bym nałożyć taki pasek na zdjęcie w którym będę mógł umieszczać informacje na temat zdjęcia. Zdjęcie nie zawsze morzę być takiego samego rozmiaru.

Prosił bym o wskazówki jak to wykonać. Nie chodzi mi o gotowca chciał bym sam takie coś zrobić sam od początku. Domyślam się że na początku musiał bym pobrać szerokość obrazka i potem na podstawie szerokości nałożyć div na obrazek.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
arzach
post
Post #2





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

Ostrzeżenie: (0%)
-----


Zrobiłem tak i

  1. <style>
  2. *{margin:0; padding:0}
  3.        .foto {
  4.            
  5.            width:300px;
  6.            height:150px;
  7.            
  8.        }
  9.        .pasek {
  10.            margin-top:-100px;
  11.            height:100px;
  12.            background-image: url(tlo.PNG);
  13.            opacity:0.5;
  14.            filter: alpha(opacity=50);
  15.        }
  16. </style>
  17.  
  18. <?php
  19. $rozmiar = getimagesize('test.jpg');
  20. <div class=\"foto\">
  21. <img src=\"test.jpg\" alt=\"\">            
  22.        </div>
  23.        <p class=\"pasek\" style=\"width:".$rozmiar[0]."px\">
  24. test test test test test
  25.        </p>";
  26. ?>


Działa przykład

http://www.fusion.boo.pl/pasek.php

Ale gdy już próbuje to dodać w panelu cms rozwala się cała strona
przykład
http://www.fusion.boo.pl/obr.php
jak mogę temu zaradzić ?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 21:15