wdrożenia PrestaShop

Wjeżdżający box na zdjęciu produktu w list-product - jquery

  • 3 Odpowiedzi
  • 1608 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline cst

  • Nowy
  • *
  • 15
  • 0
    • lamade
Witam,


Jest jakiś płatny/niepłatny moduł na szybko i przyjemnie? Lub jak zaimplementować coś takiego: http://www.mcwehbe.com/jquery_sliding_boxes.php# jak na tej trzeciej grafice na sklepie, w miniaturze produktu, w kategorii?


Z góry dziękuję za sugestie i podpowiedzi!
Pozdrawiam.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
« Odpowiedź #1 dnia: Maj 27, 2013, 09:04:22 am »
po pierwsze mozna to rowniez zalatwic w prosty sposob, bez modyfikacji kodu szabklonu przez CSS3, po drugie, jezeli chcesz uzyskac dokladnie takie efekt jak w przykladzie to masz bardzo ladnie rozpisane "HOW TO USE", wystarczy dorzucic wskazane fragmenty kodu w szablon i masz efekt.
design4VIP z innej strony...

*

Offline cst

  • Nowy
  • *
  • 15
  • 0
    • lamade
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
« Odpowiedź #2 dnia: Maj 27, 2013, 10:53:03 am »
Dzięki za odp.

Mógłbyś przybliżyć ten temat w css3 lub rzucić jakieś hasło po jakiej frazie tego szukać?

Próbowałem w jquery tylko sypie mi się pięknie wszystko. Może przez rollover, który jest zrobiony.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
« Odpowiedź #3 dnia: Maj 27, 2013, 12:59:06 pm »
zasadniczo przesuniecie masaz wpisane w jQuery wiec nie widze powodu innych kombinacji. wszystko mozesz zalatwic prostym skryptem rodem:

$('#id .class').animate({top:100}, 5000);

i mysle, ze to bedzie najprostsze rozwiazanie i najszybsze w implementacji


a co do CSS to zapoznaj sie z:
-webkit-transform:
-moz-transform:
-o-transform:
-ms-transform:
transform:
-moz-transition:
-webkit-transition:
-o-transition:

tym zdzialasz cuda ;) przyklad: hurtowniaguzikow(.)pl, strona glowna oraz prawy blok na kolejnych podstronach





« Ostatnia zmiana: Maj 27, 2013, 02:44:43 pm wysłana przez deejay3 »
design4VIP z innej strony...