Deci, să începem integrarea în LAN.
Pentru a putea mări imaginea, pentru început, trebuie să fie! Acum încărcarea imaginii funcționează după următoarea schemă: Fișierul este descărcat, redus (dacă imaginea nu se încadrează în "cadrele" stabilite) și este salvată pe server. Deci, pentru a mări imaginea, trebuie să o salvăm în dimensiunea originală, de dimensiuni mari. Și pentru aceasta scriem următoarea funcție
pe care le adăugăm la fișierul /include/function.php (direct până la capăt, înainte)
Esența acestei funcții este simplă. Este nevoie ca parametru calea către fișierul temporar $ sFileTmp, creează un director $ dir și copiază imaginea originală sub el cu numele $ sFileImg.
Acum sarcina noastră este să salvăm fișierul după ce îl încărcăm pe server. În același timp, trebuie să verificați dacă imaginea a scăzut sau nu. Care este utilizarea stocării aceluiași fișier de două ori? De ce să crească dacă nu crește? În acest scop, fișierul /include/ajax/uploadImg.php după fiecare linie (există două dintre acestea)
introduceți următorul cod:
Oh, da! Am uitat să definim $ sBigFile.
După introducerea liniei
Ce am făcut? Am verificat suma MD5 a fișierului descărcat într-un director temporar și salvat în directorul / uploads / În cazul în care acestea sunt diferite (fișierul modificat - probabil scară), apoi copiați fișierul original într-un dosar cu un redus / mare /. Păstrăm calea spre el în variabila $ sBigFile. Acum, adăugați un link la fișierul "mare" din codul HTML al imaginii:
Noi găsim linia Și după ea adăugăm următorul cod:
Cum am ajuns la asta? Un pic despre instalarea Highslide JS.
Acesta este configurat după cum urmează (ca opțiune mai simplă, fără navarotov). Scriptul însuși este atașat la antet, specifică și câțiva parametri (despre ei mai târziu) și referințele sunt date după cum urmează
Excelent! Acum o să punem pavilionul în sine.
Mai întâi trebuie să îl descărcați (suntem interesați de "Obțineți pachetul zip"). Luăm de acolo versiunea ambalată (highslide \ highslide.packed.js) pentru a avea o dimensiune mai mică. De ce ar trebui ca un utilizator să descarce kilobyte suplimentare, nu?
Completați-l în folder / templates / skin / new / js /.
În continuare, din arhiva descărcată, conținutul folderului highslide \ graphics este plasat în / templates / skin / new / images / highslide /. Ramane doar conectarea si configurarea!
În același header.tpl. deasupra piesei introduse adăugați codul:
Ce înseamnă acest lucru și o listă completă a opțiunilor, cu explicații pentru acestea, a se vedea site-ul oficial highslide.
Voila! Avem imagini scalabile =) Vezi cum functioneaza, poti cu proiectul fotozhaba.ru.
P.S. în postul anterior am descris pe scurt această metodă. Conform comentariilor dvs., codul de pe jQuery a fost înlocuit cu Mootools. Când am scris articolul despre Mootools, tocmai l-am auzit, scriind-o - deja am vorbit cu el, mulțumesc pentru experiența =) Critica este binevenită!
Este puțin probabil ca cineva să fie surprins de regula că banii nu ar trebui să mintă, ci să lucreze. După ce ați citit blogul lui Pavel Vlasov, veți afla despre una dintre căile de creștere a venitului. În limbaj simplu și ușor de înțeles, Pavel scrie despre Forex.
Hmm ... ori ceva (în măsura în care am putut vedea că a fost scenariul permite) există o Proca suprasarcină server de Masterhost și accesul la site este restricționat temporar pentru eroarea 503 ... Ciudat, nici acest lucru nu se observă?
Și o altă întrebare: dintr-un motiv, atunci când scalatorul funcționează corect în FF, în Explorer 7, o imagine mare este deschisă pur și simplu în fereastră (prin referință). În parametrii exploratorului, nu am găsit nimic care să interzică executarea scripturilor JS ... Mă uitam rău pentru altceva.
In acelasi timp, se scala pe fotojack pretutindeni, si numai pe FF (am incercat IE, Opera, Chrome - zero sens, doar fereastra se deschide si asta e)
Articole similare
-
Plugin auto highslide pentru a mări imaginile din articolele dvs., note de webmaster
-
Plugin auto highslide - plugin pentru creșterea imaginilor pe site
Trimiteți-le prietenilor: