Salut,
Vreau sa afisez pe pagina.php doar o portiune dintr-o imagine.
Imaginile sunt salvate pe server si in mysql
o idee?
Afisare doar o portiune dintr-o imagine
-
- Mesaje: 94
Afisare doar o portiune dintr-o imagine
Cumpără adevărul, şi nu-l vinde, înţelepciunea, învăţătura şi priceperea.
https://www.crestinmultimedia.com/
https://www.crestinmultimedia.com/
MarPlo
Mesaje: 4343
Salut,
Incearca functia imagecrop() din php: php imagecrop.
Se poate si cu functia imagecopy(), vezi exemplu 4 de la pagina: https://marplo.net/php-mysql/functii_imagini.html
De asemenea, se poate si cu html-css, sa afisezi o portiune dintr-o imagine ca background intr-un div.
Exemplu:
Sau cu proprietatea css clip:rect();:
- Demo:
Incearca functia imagecrop() din php: php imagecrop.
Se poate si cu functia imagecopy(), vezi exemplu 4 de la pagina: https://marplo.net/php-mysql/functii_imagini.html
De asemenea, se poate si cu html-css, sa afisezi o portiune dintr-o imagine ca background intr-un div.
Exemplu:
Cod: Selectaţi tot
<style>
.imcrop {
background: url('https://marplo.net/imgs/logo.png');
background-position: 1px 1px;
height: 70px;
width: 110px;
}
</style>
<div class='imcrop'></div>
Sau cu proprietatea css clip:rect();:
Cod: Selectaţi tot
<style>
.imcrop {
position:relatve;
width:111px;
height:71px;
}
.imcrop img {
position:absolute;
clip:rect(1px 71px 111px 1px);
top:0;
left:0;
margin:0;
}
</style>
<div class='imcrop'><img src='https://marplo.net/imgs/logo.png'></div>
Subiecte similare
-
Afisare numar cel mai mare dintr o coloana
PHP - MySQL - XML
Primul mesaj
Bună MarploUltimul mesaj
Vreau să extrag din coloan pret cel mai mare numar ca de exemplu 4444.
Mie imi afisează 54 în loc de 4444, dacă în loc de 4444 modific...
Am schimbat `pret` varchar(20) DEFAULT NULL in `pret` int(11) NOT NULL ca la tine si merge.
Multumesc -
Aflare valoarea minima a proprietatii dintr-un obiect imbricat
JavaScript - jQuery - Ajax
Primul mesaj
Am un obiect imbricat in JavaScript care arata asa:Ultimul mesaj
const yo = {
one: {
value: 0,
mission: 17},
two: {
value: 18,
mission: 3},
three: {...
Incearca sa combini metodele Object.values() si map() , ca in exemplu urmator:
const yo = {
one: {
value: 9,
mission: 17
},
two: {
value:... -
Script rasturnare imagine
JavaScript - jQuery - Ajax
Primul mesaj
O idee de un script cum as putea face ca atunci cand am o imagine rasturnata sa apas de exemplu pe sageti si sa mi-o aduca in ce pozitie vreau eu?...Ultimul mesaj
Salut,
Ca idee ar fi urmatoarea:
1. Adaugi imaginea intr-un element canvas.
2. Cu sgetile /butoanele apelezi o functie javascript care roteste... -
Afisare optiune selectata intr-un Div
JavaScript - jQuery - Ajax
Primul mesaj
Cum pot face ca atunci cand e selectata o optiune dintr-o lista <select> sa fie afisata intr-un Div valoarea acelei optiuni.Ultimul mesaj
Am acest cod...
Cu JavaScript adaugi un eveniment 'change' la elementul <select> care se va declansa cand o optiune e selectata.
In interiorul acelui... -
Afisare rezultate paginate la scroll page
JavaScript - jQuery - Ajax
Primul mesaj
Salut,Ultimul mesaj
In baza de date am 23 de rezultate din care initial afisez doar 10 si as vrea ca atunci cand ajung cu scroll la finalul paginii sa imi...
Am rezolvat(era o litera gresit apasata pe acolo), imi merge scriptul, dar a mai aparut o eroare.
Eu am 21 de inregistrari in baza de date.
Daca... -
Afisare cu animatie continut adaugat cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Ideea pe care vreau sa o fac e că la clic pe un buton, conținutul vechi e înlocuit cu nou conținut HTML adăugat cu javascript.Ultimul mesaj
Vreau ca noul...
Pentru a declanșa o tranziție CSS, modifica starea CSS după ce ai introdus codul HTML. Poți face asta schimbând o clasă (la container sau la un...