Efekt po najechaniu na zdjęcie z galerii 
Author: Marcin A.
Visited 2411,
Followers 1,
Shared 0
Mam wstawioną galerię jako "Miniatury Poziomo": http://foto-andelbrat.pl/portret.html Czy da się napisać kod css lub inny sposób aby po najechaniu na ikony coś się działo ze zdjęciami (zanikały, rozmywały, czy też pokryte były kolorem)
Posted on the
Witaj Marcin,
Jakiś prosty efekt można zastosować, ale to będzie wymagać dobrej znajomości CSS i HTML. Może jakiś inny użytkownik podzieli się gotowym rozwiązaniem.
Pozdrawiam
Author
Znalazłem taki kod:
<html> <head> <title>Plynny hover po najechaniu obrazka w jQuery</title>
<style type="text/css">
.obrazek{ opacity:0.5;}
.obrazek:hover { opacity:1;cursor:pointer;}
</style>
</head>
<body>
<img src="img.png" class="obrazek" alt="" />
<img src="img.png" class="obrazek" alt="" />
</body>
</html>
Ale te dwie ostatnie linijki wstawiaja zdjęcie.
Jak zrobić aby obrazek był łączony z już wstawionym zdjęciem np. zdjęcie.jpg, które jest w katalogu gallery. Da się to zrobić w formie stylu css?
Witaj Marcin,
Polecam Ci zapoznać się najpierw z jakimiś poradnikami dotyczącymi języka HTML i CSS.
Pozdrawiam
Dla strony, na której jedt galeria (w przykładzie jest to strona 1), edytujemy CSSa z folderu pcss.
Dla galerii poziomych miniatur wyszukujemy zapisu:
#imObjectGallery_2 .imGlContent img { display: block; dopisujemy według potrzeb procent pokrycia opacity: 0.6; float: left; margin: 0 1px; width: 290px; height: 290px; }
Dopisujemy dodatkową linijkę:
#imObjectGallery_2 .imGlContent img:hover {opacity: 1.0;}
Działa tak:
http://www.mezon.republika.pl/opacity/index.html
Logika pdpowada, ze zadziała z każdą galerią jak tylko znajdziemy img dla niej.
Ot i cała historyja...
Author
Cały czas nie bardzo mogę zrobić aby nie wyskakiwało okienko pop-up tylko w tym samym oknie zakładka strony.
Załącz wygenerowaną, niedziałającą stronę. Tak jakbyś słał na serwer. Próbkę nie całą stronę bo za dużo fotek masz
Author
Plik NOWA to w wersji ostatniej, czyli z oknem pop-up. NOWA1, z plikami do wersji z otwieraniem w tym samym oknie.
Author
Author
Raczej te pliki:
No dobra ale dlaczego się nie posłuchałeś?
http://answers.websitex5.com/post/90827
Tam jest już wszystko oczyszczone i nic nie trzeba kombinować. Skopiuj to co mam na stonie, tam gdzie trzeba i działa.
Wysłałeś pliki, które zawierają chaos z pierwszych prób i cięgle przez html gadżety kawałek wklejasz a napisałem żeby nie tędy...
Użyj WordPada albo notatnika do wyedytowania zaznacz - ctrl +c / ctrl +v.
Musisz sam nauczyć się szybko wyizolowywać newrlalgiczne punkty (2 razy w tym wypadku wklejasz kod), wtedy do obojętnie jakiego projektu będziesz wklejał z zamkniętymi oczami
Jak chcesz to przez Skype'a możemy się konsultować.