powiększanie się zdjęcia produktu po najechaniu.. ?

jankesmj

2013-04-15 22:42

@selekcjoner a o tym to bym nie pomyślał, że najpierw jquery.js ;)

@rondelctw w linii 25 pliku main.js jest wyświetlanie obrazka w tooltipie może width='50%' ;) gdzieś coś znalazłem że tooltip rozpoznawał marginesy przeglądarki i wyświetlał się wtedy po prawej lub nad kursorem... może to pomoże komuś coś dopisać? http://jquerytools.org/demos/tooltip/dynamic.html

dariush

2013-05-03 21:39

Witam,

Czy wiadomo już jak to zrobić bezbłędnie do wersji Q.Cart v6.0 ?

Pozdrawiam

Darek

jankesmj

2013-05-04 12:19

no opisałem powyżej.... tak samo jak do 6.1... poprawki wprowadził selekcjoner

dariush

2013-05-04 17:23

Cześć,

Coś mi nie wychodzi. Robię zgodnie z instrukcją (na pewno gdzieś robię błąd)
Czy byłbyś tak miły i napisał mi krok o kroku co zmieniać, dopisywać i gdzie ?

W wersji 6.0 nie mam plików .tpl

Pozdrawiam i z góry dzięki !

Darek

jankesmj

2013-05-05 11:05

Dla wersji 6.0 powinno działać jak w wersji 6.1

1) ściągnij Tooltipy (użyj przykładu 03: Example 3: Links With URL Preview)
http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/
skopiuj jquery.js i main.js do katalogi /core/

2)w <HEAD> dodaj
<script type="text/javascript" src="<?php echo $config['dir_core']; ?>jquery.js"></script>
<script type="text/javascript" src="<?php echo $config['dir_core']; ?>main.js"></script>

3) w pliku styles.css templatki dodaj


#screenshot{    position:absolute;    border:1px solid #ccc;    background:#333;    padding:5px;    display:none;    color:#fff;    }

lub zmień wg swojej kolorystyki strony

4)plik /core/files.php
funkcja getDefaultImage musi wyglądać tak:



/**
  * Display default image
  * @return string
  * @param int $iLink
  * @param int $iLinkType
  * @param bool $bLinks
  * @param string $sLink
  */
  function getDefaultImage( $iLink, $iLinkType = 1, $bLinks = null, $sLink = null ){
    if( isset( $this->aImagesDefault[$iLinkType][$iLink] ) ){
      if( isset( $bLinks ) ){
        $sLink = isset( $sLink ) ? '<a href="'.$sLink.'" class="screenshot" rel="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" title="'.( isset( $this->aImagesDefault[$iLinkType][$iLink]['sDescription'] ) ? $this->aImagesDefault[$iLinkType][$iLink]['sDescription'] : $this->aImagesDefault[$iLinkType][$iLink]['sFileName'] ).'" >' : '<a href="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" class="mlbox[images]">';
      }
      return '<div class="photo">'.$sLink.'<img src="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['iSizeValue1'].'/'.$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" alt="'.( isset( $this->aImagesDefault[$iLinkType][$iLink]['sDescription'] ) ? $this->aImagesDefault[$iLinkType][$iLink]['sDescription'] : $this->aImagesDefault[$iLinkType][$iLink]['sFileName'] ).'" />'.( isset( $bLinks ) ? '</a>' : null ).'</div>';
    }
  } // end function getDefaultImage

www.jankes.noskow.pl

dariush

2013-05-05 18:13

Cześć,

Dzięki za cierpliwość i chęć pomocy.
Zanim jednak zacznę wdrażać to co napisałeś to w którym pliku w <HEAD> mam dopisać te 2 linijki ? (dot. pkt. 2 twojej wypowiedzi)

Darek

dariush

2013-05-05 18:24

Witam ponownie,

Już wszytko działa ale ...

1) Jak zrobić aby zdjęcie te wyświetlało się centralnie po środku strony a nie tak z boku jak jest.
2) Jak trochę pomniejszyć to zdjęcie nie ingerując bezpośrednio w .jpg ?

Darek

jankesmj

2013-05-06 08:18

rondelctw już się o to pytał.... pisałem o tym powyżej (2013-04-15 22:42:06) nie znam na teraz rozwiązania z 2) pytanie

www.jankes.noskow.pl

dariush

2013-07-18 14:31

Witam,

Czy jest już jakieś rozwiązanie odnośnie mojego pkt 1 z dnia 05.05.2013 ?
Może być nawet płatne :)

Darek

agums

2013-07-25 08:37

Cześć!
Jak zrobić aby uzyskać efekt powiększenia tylko faragmentu zdjęcia który zmienia się w zależności jak przesuwamy myszką nad fotką?
Widziałem takie efekty na portalach z ciuchami.
Pozdrawiam