Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 17, 2015 at 2:46 pm #504826
    Karl

    Hallo, eigentlich will ich nur zb. ein Bild einfügen und als Mouseover ein anderes Bild überblenden inkl. einer Verlinkung. Beim Einfügen eines einfachen Bildes mit Link habe ich nur den Pfeil als Mouseover … wie kann ich das ändern?

    September 17, 2015 at 3:38 pm #504904
    Karl

    Damit ich vielleicht doch eine Antwort bekomme anbei der Link … untere Bild in der Mitte sieht man was ich meine … Bitte kurz ansehen …

    September 18, 2015 at 1:28 pm #505463
    Andy

    Hey!

    schaue dir dafür bitte dieses Tutorial an: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

    Cheers!
    Andy

    September 18, 2015 at 8:04 pm #505753
    Karl

    Hi Andy, danke für die Nachricht, versteh ich aber nicht … Ich will ja nur, wenn man auf das 1.Bild (schwarz/weiss) klickt das ein 2.Bild (in Farbe) als Mouseover Effekt abgebildet wird und nicht der grüne runde Pfeil der als mouse over kommt. Oder versteh ich da was nicht?

    Danke für Antwort. lg

    September 21, 2015 at 5:00 am #506175
    Ismael

    Hi!

    You can actually accomplish a grayscale effect via css. Please refer to the solution provided here:

    http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css
    http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html

    Cheers!
    Ismael

    September 21, 2015 at 8:01 pm #506643
    Karl

    Hi, for my effect i have a javasript for rollover image, you can see it on the website. it look´s good, but the images are not centered on mobile device, can you help?

    September 22, 2015 at 8:41 am #506821
    Ismael

    Hi!

    Can you modify this html code?

    <a href="http://www.karinhackstock.at/site/?page_id=3084" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kinder','','http://www.karinhackstock.at/site/wp-content/uploads/2013/04/kinder_rgb.jpg',1)" style="position: relative; overflow: hidden; display: block;"><img src="http://www.karinhackstock.at/site/wp-content/uploads/2013/04/kinder.png" alt="" width="180" height="180" id="Kinder"><span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 180px; width: 190px;"><span class="image-overlay-inside"></span></span></a>

    Add a unique class attribute, “custom-image” for example:

    <a class="custom-image" href="http://www.karinhackstock.at/site/?page_id=3084" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kinder','','http://www.karinhackstock.at/site/wp-content/uploads/2013/04/kinder_rgb.jpg',1)" style="position: relative; overflow: hidden; display: block;"><img src="http://www.karinhackstock.at/site/wp-content/uploads/2013/04/kinder.png" alt="" width="180" height="180" id="Kinder"><span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 180px; width: 190px;"><span class="image-overlay-inside"></span></span></a>

    Add this in the Quick CSS field:

    .custom-image { text-align: center; }

    Best regards,
    Ismael

    September 22, 2015 at 10:52 am #506892
    Karl

    Super, danke!

    September 22, 2015 at 11:03 am #506900
    Andy

    Hi!

    schön, dass alles klappt! Lass uns in einem neuen Ticket wissen, wenn du wieder eine Frage bezüglich des Theme hast. Wir unterstützen dich gerne.

    Gruß!
    Andy

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.