GoldenLine
Zaloguj się
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: cufon i hover

witam mam takie coś.

$(document).ready(function(){
$('div.modelki div.model')
.mouseover(function(){

$(this).find("img").stop().animate({opacity: 0.35 }, {duration:400})


$(this).find(".name").css("color", "#000");

})
.mouseout(function(){
$(this).find("img").stop().animate({opacity: 1 }, {duration:400})
$(this).find(".name").css("color", "#919191");

})


});

odpowiada za to ze po najechaniu na zdjecie zmieniamy kolot czcionki, czcionka jest obrobiona cufonem.

Cufon.replace('.name', {
fontFamily: 'Helvetica CE 35 Thin'

,hover:true});

bez hover:true tez nie dziala.

chodzi o to co jest tu:
http://beta.ekreacja.com/modelki.html
Link do wypowiedziLink

konto usunięte

Temat: cufon i hover

próbowałeś zamiast eventhandlera 'mouseover' dać .live('mouseover',function(){ ... tu Twoja funkcja ... } ? ewentualnie uruchomić all, podejrzeć na co cufon zmienia html i wtedy dostosować selektory css'a.

Wydaje mi się, że cufon podmienia to co zastał na własny kod.
Link do wypowiedziLink
Paweł Skroban

Paweł Skroban Software Develoepr

Temat: cufon i hover

z próbowałeś zamiast cufont fontsquirrel ?
Link do wypowiedziLink
Wiktor Pęczar

Wiktor Pęczar Programista PHP,
WebDeveloper

Temat: cufon i hover

proponuje zastosować fontface
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: cufon i hover

Typekit, bez łamania praw licencyjnych do krojów czcionek
Link do wypowiedziLink

konto usunięte

Temat: cufon i hover

Nie pamiętam jak z opacity, ale zmiana koloru hover w przypadku Cufona Ci nie zadziała - tekst przetwarzany jest za jego pośrednictwem do formatu PNG, stąd późniejsze manipulacje CSSem w obrębie font są niemożliwe do wykonania.

Alternatywnie możesz skorzystać z @font-face, o którym wspomnieli koledzy wcześniej http://www.fontsquirrel.com/fontface/
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj