Podgląd zdjęć w panelu admina

boboo

Avatar: boboo

2015-02-03 12:58

Rozwiązanie typu "quick&dirty", ale działa.
Bez "dodatkowych dodatków".

w core/common-admin.js w funkcji displayThumbPreview()
zamienić linjkę:

$( this ).append'<span class="thumb-preview"><img src="templates/admin/img/none.png" /></span>' );


na:

$(this).append('<span class="thumb-preview"><img src="'+$(this).find('a').attr('href')+'" width="400px"/></span>');


Te 400px dopasować do własnych potrzeb (wielkośc ekranu).

» Quick.Cms v6.x

boboo :-)

euphoria-art

Avatar: euphoria-art

2015-02-03 16:10

Dzięki boboo, jesteś Wielki!

marcin_k

Avatar: marcin_k

2015-02-03 17:08

czy do wersji v5.5 moglbys takze podac podobne rozwiazanie?

viwaldi

Avatar: viwaldi

2015-03-03 20:23

A moze jest opracowany patent dla quick.cart v6.5?

viwaldi

euphoria-art

Avatar: euphoria-art

2015-03-03 20:39

viwaldi zobacz co odpowiedziałem marii.33 -> http://opensolution.org/forum/?iTopic=8468 powinno działać tez na wersji 6 bo to praktycznie to samo

boboo

Avatar: boboo

2015-03-04 07:55

Do QCart 6.x trzymałem się dzielnie bez jQuery :-)
Podgląd zdjęć w adminie zrobiłem sobie tooltip'em.
(http://www.walterzorn.de/tooltip/tooltip.htm)

Jednak po zaprzyjaźnieniu się z QCMS 6 i jego dokładniejszym poznaniu, dzisiaj zrobiłbym to na jQuery.
Wychwytujesz 'mouseover' nad (#files-list a) i każesz wyświelić obrazek z adresu z tego elementu i gasisz 'onmouseout'.

I to w sumie cała filozofia.

boboo :-)

viwaldi

Avatar: viwaldi

2015-03-09 09:33

Wyglada ze w Q.Cart 6.5 sam mechanizm mianiaturek w common-admin.js juz jest. Problemem jest adres pliku do wyswietlenia. W core/common-admin.js w funkcja displayThumbPreview wyglada tak:

function displayThumbPreview( oObj ){
oTempEl = document.createElement( 'span' );
oTempEl.setAttribute( 'class', 'thumb-preview' );
var oImg = document.createElement( 'img' );
oImg.setAttribute( 'src', 'templates/admin/img/none.gif' );
oTempEl.appendChild(oImg);
oObj.appendChild(oTempEl);
oTempEl.style.left = oObj.offsetWidth+10+'px';
}

Co i jak zmienic w linii?
oImg.setAttribute( 'src', 'templates/admin/img/none.gif' );

Zmiana jak dla "marii.33" nie skutkuje.

viwaldi

boboo

Avatar: boboo

2015-03-09 10:47

zamień:

oImg.setAttribute'src''templates/admin/img/none.gif' );


na:

oImg.setAttribute('src',oObj.getAttribute('href'));

boboo :-)

viwaldi

Avatar: viwaldi

2015-03-09 16:57

@boboo
Wielkie dzieki :D
Podpowiedz jeszcze jak sterowac wielkoscia wyswietlanego podgladu. Docelowo zdjecia na stronie beda przeskalowane na 600x600px ale to i tak za duzo na podglad w panelu.

viwaldi

boboo

Avatar: boboo

2015-03-09 19:20

Teraz nie mam czasu na sprawdzenie, ale spróbowałbym pod:

oTempEl.style.left oObj.offsetWidth+10+'px';


dodać:

oTempEl.style.width='XXXpx'// XXX oznacza szerokość w pixelach

boboo :-)

viwaldi

Avatar: viwaldi

2015-03-09 21:32

Nie dziala. Olewa w ogole ta dopisana linie jakby jej w ogole nie bylo.

viwaldi

boboo

Avatar: boboo

2015-03-09 22:08

wciąż nie mam jak wypróbować, ale Ty spróbuj :-)
wyrzuć to, co pisałem (w pośpiechu i z głowy):
oTempEl.style.width='XXXpx';

bo oTempEl to nie jest obrazek.
Obrazek to oImg
wstaw pod:
oImg.setAttribute( 'src', 'templates/admin/img/none.gif' );
taki coś
oImg.style.width='XXXpx';

boboo :-)

boboo

Avatar: boboo

2015-03-10 06:43

Jeap,
zadziałało.
To z postu powyżej.
Czyli dajemy width dla oImg a nie dla oTempEl

boboo :-)

viwaldi

Avatar: viwaldi

2015-03-10 07:50

:D :D :D Slicznie dziekuje :D

Dla uporzadkowania:
Aby dodac podglad zdjec w panelu admina dla Quick.Cart v 6.5 nalezy w core/common-admin.js w funkcji displayThumbPreview zmienic linie:

oImg.setAttribute( 'src', 'templates/admin/img/none.gif' );

na:
oImg.setAttribute('src',oObj.getAttribute('href'));
oImg.style.width='XXXpx'; // XXX oznacza szerokość w pixelach

A tak to wyglada w dzialaniu przy 200px:
http://pokazywarka.pl/hdtq08/

viwaldi

reegoon

Avatar: reegoon

2015-09-07 12:50

Boboo czy Twoje rozwiązanie jest do wersji EXT czy do darmowej bo używane na darmowej niczym nie skutkuje.

Reegoon

viwaldi

Avatar: viwaldi

2015-09-08 10:48

@reegoon
Ja zastosowalem w darmowej wersji quick.cart v6.5 i dziala. Zdech link ktory podawalem wyzej wiec masz nowy podglad dzialania -> http://pokazywarka.pl/dp9cbp/
Z tego co pamietam w wersji EXT funkcja podgladu jest juz wbudowana i nie musisz nic robic by ja "uaktywnic".

viwaldi

Terespl

Avatar: Terespl

2015-10-02 09:38

U mnie plik templates\admin\style.css zmieniłem tak:

.forms.files .thumb-preview {
position: absolute;
left: 100px;
top: 10px;
z-index: 10;
overflow: hidden;
height: 400px;
width: 300px;
}
.forms.files .thumb-preview img {
border: 1px solid #c3c2c0;
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
width: 100%;
height: auto;
}

Dzięki czemu wszystkie obrazki mają w miarę ten sam rozmiar (takich wielkich nie potrzebowałem). Ma ktoś pomysł jak wyświetlać je wycentrowane? Póki co przychodzi mi do głowy pobieranie szerokości okna i obliczenie pozycji Fixed.

Tomek

maria.33

Avatar: maria.33

2016-06-30 16:24

Bardzo proszę o pomoc jak wyświetlić miniaturki zdjęć w adminie przy plikach w wersjo 6.2, przeglądałam forum i dwa tematy, kiedyś robiłam na starszych wersjach dzięki wskazówkom boboo, działało nawet w quick.card 5.0 a teraz ni jak nie mogę sobie z tym poradzić :(

pozdrawiam Maria33

Do góry
o nas | kontakt