Wsparcie » Wtyczki » Efekt po najechaniu na zdjęcie

Viewing 4 replies - 1 through 4 (of 4 total)
  • Nikodemsky

    (@nikodemsky)

    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.

    Thread Starter weronika.banka

    (@weronikabanka)

    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.

    Nikodemsky

    (@nikodemsky)

    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.

    Thread Starter weronika.banka

    (@weronikabanka)

    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 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • Temat ‘Efekt po najechaniu na zdjęcie’ jest zamknięty na nowe odpowiedzi.