Fajny dodatek - wyświetlanie obrazków w menu plik

Tomy M.

Avatar: Tomy M.

2011-02-06 12:26

Hej

Podzielę się z Wami fajnym udoskonaleniem dla QUICK.CMS (wszystkie wersje) które wymyśliłem. Mam nadzieje że Wam się spodoba :-)

Wygląda to tak: http://img189.imageshack.us/img189/9315/quickcmsupdate.jpg

Aby w administracji strony w zakłądce PLIKI widzieć oprócz nazwy pliku również jak on wygląda należy wstawić/dodać w pliku: templates/admin/files.tpl po 2 linii (czyli po linii kończącej się: target="_blank">$aData[sFileName]</a></li>) kolejną linię o treści: <img src="$config[dir_files]$aData[sFileName]" style="width: 70px">
i dopiero domknąć </li>

a więc to:

<!-- BEGIN IMAGES_LIST -->
<
li class="file"><input type="checkbox" name="aFilesDelete[$aData[iFile]]" value="1" /><a href="$config[dir_files]$aData[sFileName]" target="_blank">$aData[sFileName]</a></li>



zamieniamy na to:


<!-- BEGIN IMAGES_LIST -->
<
li class="file"><input type="checkbox" name="aFilesDelete[$aData[iFile]]" value="1" /><a href="$config[dir_files]$aData[sFileName]" target="_blank">$aData[sFileName]</a>
<
img src="$config[dir_files]$aData[sFileName]" style="width: 70px">
</
li>



Modyfikacja pozwala również na rozpoznanie formatu zdjęć: poziome/pionowe aby łatwiej było je poukładać w galerii. Modyfikacja pobiera oryginalne zdjęcia i je skaluje, wydłuża to czas otwarcia tych zdjęć lecz gwarantuje że pokazane zostaną wszystkie zdjęcia (katalogi miniatury nie zawierają wszystkich zdjęć).

pozdrawiam serdecznie

» Quick.Cms v3.x

pxl666

Avatar: pxl666

2011-02-06 17:02

bardzo ciekawy "plugin" - dzieki ze sie podzieliles!

pzdr

pxl666

Avatar: pxl666

2011-03-25 11:24

daloby sie to wkleic tez tak aby pokazywac thumby dla listy plikow w "pliki na serwerze" i w zakladce pliki na gornej belce? tzn pliki stron i pliki produktow?

jankesmj

Avatar: jankesmj

2011-03-30 10:44

no właśnie, gdy będziesz miał duużo zdjęć i zanim Ci się załadują jako zeskalowane do miniatur to trochę potrwa... ja to rozwiązałem o dodatkowe tworzenie miniatur (o malutkich rozmiarach KB) gotowiec tu: http://opensolution.org/Quick.Cms/forum/?p=readTopic&nr=883

www.jankes.noskow.info

Tomy M.

Avatar: Tomy M.

2011-04-08 17:01

Dokładnie ... to moje rozwiązanie jest banalnie proste, niezawodne i nieobciążające serwera (nie są tworzone miniatury) lecz nie należy tego stosować do listy plików na serwerze bo otwarcie panelu będzie trwało wieki.

tevart

Avatar: tevart

2011-04-29 14:53

Nice idea. I made something similar, but instead showing images beside image name i used jquery and tooltip to show image thumbnail when you mouseover.

1. You need to include jquery in to admin/container.tpl
2. include tooltip script to head in admin/container.tpl
/*
* Url preview script
* powered by jQuery (http://www.jquery.com)
*
* written by Alen Grakalic (http://cssglobe.com)
*
* for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
*
*/

this.screenshotPreview = function(){
/* CONFIG */

xOffset = 10;
yOffset = 30;

// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result

/* END CONFIG */
$("a.screenshot").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#screenshot").remove();
});
$("a.screenshot").mousemove(function(e){
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};

3. in /templates/admin/files.tpl find

<!-- BEGIN IMAGES_LIST -->
<li class="file"><input type="checkbox" name="aFilesDelete[$aData[iFile]]" value="1" /><a href="$config[dir_files]$aData[sFileName]" target="_blank">$aData[sFileName]</a></li>

and change to

<li class="file"><input type="checkbox" name="aFilesDelete[$aData[iFile]]" value="1" /><a href="$config[dir_files]$aData[sFileName]" target="_blank" class="screenshot" rel="$config[dir_files]$aData[iSizeValue1]/$aData[sFileName]">$aData[sFileName]</a>&l t;/li>

4. if you wan to show images also on files allready on the server in same file find

<!-- BEGIN IMAGES_LIST_DIR --><li class="file"><input type="checkbox" name="aDirFiles[$aData[iFile]]" value="$aData[sFileName]" onclick="displayBlock( 'fileDirDetails$aData[iFile]' );" /><a href="$config[dir_files]$aData[sFileName]" target="_blank" class="a$aData['iStatus']">$aData[sFileName]</a></li><li class="options" id="fileDirDetails$aData[iFile]">

and change to

<!-- BEGIN IMAGES_LIST_DIR --><li class="file"><input type="checkbox" name="aDirFiles[$aData[iFile]]" value="$aData[sFileName]" onclick="displayBlock( 'fileDirDetails$aData[iFile]' );" /><a href="$config[dir_files]$aData[sFileName]" target="_blank" class="screenshot" rel="files/$aData[sFileName]">$aData[sFileName]</a></li><li class="options" id="fileDirDetails$aData[iFile]">

You can see the sample on my test page
http://servis-doma.net/test/quick-cms-lite-3/admin

user = admin
pass = admin321

maria.33

Avatar: maria.33

2012-02-18 15:58

Witam
W starszych wersjach działało super, a jak to zrobić w wersji 4,0 ?
Z góry dziękuję

Pozdrawiam Maria

euphoria-art

Avatar: euphoria-art

2012-02-20 13:03

20 linijkę zmień na taką i będzie działać

<a href="$config[dir_files]$aData[sFileName]" target="_blank">$aData[sFileName]</a><img src="$config[dir_files]$aData[sFileName]" style="width: 70px">

maria.33

Avatar: maria.33

2012-04-13 16:17

euphoria-art

Bardzo Ci dziękuję!Działa nawet w Quick.Cart 5.0

euphoria-art

Avatar: euphoria-art

2013-02-08 12:13

hej, kombinuje przerobic odpowiednio kod i dodać go do files.php lecz mi nie wychodzi, jak ktos zna rozwiązanie, bede wdzieczny za dodanie go tutaj ;)

selekcjoner

Avatar: selekcjoner

2013-02-08 15:53

euphoria-art - chodzi Ci o wyświetlanie miniatur w zakładce "Pliki" tak jak na tym screenie http://img189.imageshack.us/img189/9315/quickcmsupdate.jpg ?

simlution.org

euphoria-art

Avatar: euphoria-art

2013-02-08 21:44

tak, tak jak jest na screenie - obrazek w panelu admina obok czu na górze nazwy fotki.

selekcjoner

Avatar: selekcjoner

2013-02-08 22:15

W core/files-admin.php w funkcji listAllLinkFiles znajdź:

$sFile 'colspan="4"';



i zamień na:


$sFile 
'colspan="4"';

$sFoto = ( !empty( $aData['iPhoto'] ) && $aData['iPhoto'] == ) ? '<img src="'.$GLOBALS['config']['dir_files'].$aData['iSizeValue2'].'/'.$aData['sFileName'].'"  />' :null;



następnie znajdź:

'.$aData['sFileName'].'



i zamień na:

'.$sFoto.$aData['sFileName'].'

simlution.org

euphoria-art

Avatar: euphoria-art

2013-02-08 23:03

'.$sFoto.$aData['sFileName'].' - jest kilka razy, obojętnie które zmienić? i jak zmienić żeby miniaturki były mniejsze?

selekcjoner

Avatar: selekcjoner

2013-02-08 23:07

w funkcji listAllLinkFiles znajdź:
'.$aData['sFileName'].'

A co do rozmiaru to możesz dodać w <img src=
np. style="width:70px"

simlution.org

euphoria-art

Avatar: euphoria-art

2013-02-08 23:48

dzięki wielkie juz nie wiem po raz który;)

seb22

Avatar: seb22

2017-12-22 19:54

Witam w quick cart ver 6.7 coś mi to nie chodzi, daje tak:
core/files-admin.php
linia 46

$sFile = 'colspan="4';

$sFoto = ( !empty( $aData['iPhoto'] ) && $aData['iPhoto'] == 1 ) ? '<img src="'.$GLOBALS['config']['dir_files'].$aData['iSizeValue2'].'/'.$aData['sFileName'].'" />' :null;

a w linii
51

'.$sFoto.$aData['sFileName'].'

nie działa może dlatego że są dodane jakieś inne funkcje:
display_thumbnail_2 nie wiem czy to wykasować

i w admin jest też w style.css co daje do komentarza
/* td.image-preview{position:relative;}
/* td.image-preview:hover:after{display:block;content:url('img/none.gif');position:absolute;left:95%;top:10px;z-index:10;width:180px;height:110px;}

ale mimo tego nie pomaga gdzie coś można jeszcz na chłopski rozum poćwiczyć?

seb22

seb22

Avatar: seb22

2017-12-22 19:57

Przepraszam działa ale nie działa w Dodaj pliki miniaturki, może ktoś pomoże jak zrobić miniaturki, proszę.

seb22

Do góry
o nas | kontakt