Dodawanie jquery do wordpressa to tylko komplikowanie sprawy, te skrypty trzeba wywoływać dodatkowo i nie jest to raczej coś, co da się wytłumaczyć w prosty sposób.
Jest kilka opcji.
Najprostsza, użycie wtyczek typu:
https://pl.wordpress.org/plugins/image-caption-hover-gallery/
– niestety darmowe są prawie zawsze przycięte.
Trochę trudniejsza opcja, sam dość często z niej korzystam:
http://tympanus.net/Development/HoverEffectIdeas/
– należy pobrać kod źródłowy i przekopiować odpowiednie części, następnie przerobić załączony CSS(w 95% przypadków jest taka potrzeba ze względu na użycie <figure>).
http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
– należy kliknąć download source.
____________________________________________________
Zanikanie można uzyskać w bardzo prosty sposób.
Do arkusza CSS dodajesz przykładową klasę:
.zanikanie { opacity: 1; }
.zanikanie:hover { opacity: 0.7; }
Następnie do obrazka dodajesz „class=”zanikanie„, np.:
<img src=”obrazek.jpg” class=”zanikanie”>
– klasy do obrazka powinnaś dodawać w edytorze tekstowym, nie wizualnym.
Bardzo dziękuję, postaram się coś z tym pokombinować. Szczególnie podoba mi się opcja z Hover Efect Ideas, tylę że nie wiem, które pliki i do których folderów przekopiować, jak przerobić CSS, a potem jak użyć w zdjęciu. Jeśli nie jest to problem, prosiłabym o opis krok po kroku.
Nie tyle pliki, co kod.
Np. dla efektu Lily:
Do edytora(tekstowego, bo wizualny namiesza) wklejasz kod:
http://pastebin.com/D3hdUDtS
– obrazki podmieniasz na swoje. Jeśli nie ogarniasz css, to najlepiej, aby miały taki sam rozmiar jak oryginał(tj. rozdzielczość).
Do arkusza CSS wklejasz:
http://pastebin.com/YTQP6xCh
Analogicznie kopiujesz kod dla innych efektów(otwórz sobie pliki np. w notepad++ i przejrzyj).
W zależności od tego jak Twoja skórka zareaguje na całość, taki będzie efekt. Czasami wszystko jest od razu ok, a czasami poprzesuwane są teksty, czy elementy animacyjne.
Oo, spróbowałam i zadziałało, dziękuję pięknie! Efekty tak mi się spodobały, że zamierzam zrezygnować z widoku zdjęć tu http://ziolamimalowane.pl/3566-2/ w formie galerii, a użyć właśnie tych efektów (bo zakładam, że dodanie ich do wtyczki z galerią byłoby czymś bardzo skomplikowanym). Jeszcze raz dziękuję i pozdrawiam 🙂
