Forumi


Povratak   PC Ekspert Forum > Računala > Software > Web dizajn, programiranje i ostalo
Ime
Lozinka

Odgovori
 
Uređivanje
Staro 23.01.2012., 11:20   #1
corsa
Premium
Moj komp
 
Datum registracije: Feb 2007
Lokacija: zagreb
Postovi: 295
Izrada stranice! Pomoč!

Pozdrav svima !
Do sada sam napravio tek dvije web stranice ,pa i nisam baš expert no sad pokušavam na jednoj stranici napraviti da se thumbnail sličica prelaskom miša preko nje sama poveča, kao što je to kad na google-u odabereš pretraživanje slika i dolaskom miša na određenu sliku ona se sama poveča za nekoliko posto.

Bi li bio tko toliko ljubazan da mi objasni kako se to radi ili da neki kod.
Hvala !
corsa je offline   Reply With Quote
Staro 23.01.2012., 11:26   #2
Facelessone
Premium
Moj komp
 
Facelessone's Avatar
 
Datum registracije: Jan 2006
Lokacija: Samobor
Postovi: 4,203
Trebao bi biti bar sposoban izgooglat nešto za to. Primjer 2.
__________________


AMD Ryzen 7 5700X
BQ Pure Rock
MSI B450 Tomahawk Max
32GB (2x16GB) Fury Beast 3600MHz HX432C18FB2K2/16
MSI RX 6800XT GamingX Trio 16GB
500GB Crucial MX500
Fractal Define R4
Corsair HX850 Platinum
Logitech MX Master 3
Logitech MX Keys
Logitech Z2300
Dell U2715H
Iskon 300/100 Mbps



CPU Intel i7-4810MQ
VGA nVidia GT730M 1 GB
RAM DDR3 16 GB 1600 MHz
SSD 500 GB Sandisk Ultra
Display 15.5" 3K HD IPS 2880x1620
LTE Modem
DVD-RW
9 cell battery
Napajanje 135 W
Windows 10 Pro
Logitech MX Anywhere 3s



AMD Ryzen 5 7640HS
AMD RadeonT 760M
14" 2,8K, 120Hz
16GB RAM
1TB HDD
Windows 11 Pro
Logitech MX Anywhere 3s



Xpenology DVA1622 @ DSM 7.1.1-42962 Update 4
H110M-DGS
Intel i3-7100
8GB RAM DDR4
WD Red 8TB
WD Purple 4TB
Seagate IronWolf 3TB
Seagate SkyHawk 6TB
Nanoxia Deep Silence 4
Seasonic X650 SS-650KM Gold

Facelessone je online   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Staro 23.01.2012., 12:26   #3
corsa
Premium
Moj komp
 
Datum registracije: Feb 2007
Lokacija: zagreb
Postovi: 295
Ovo je jako lijepi primjer i hvala ti na tom primjeru,ali dal ti misliš da se početnik može snač u ovome ?
Dal zaista nema ništa jednostavnije,znači jedna slika koja se povečava s preglednijim javaskriptom i to je to?!
corsa je offline   Reply With Quote
Staro 23.01.2012., 13:02   #4
Facelessone
Premium
Moj komp
 
Facelessone's Avatar
 
Datum registracije: Jan 2006
Lokacija: Samobor
Postovi: 4,203
<script src="jquery.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script> 
css
PHP kod:
#preview{
    
position:absolute;
    
border:1px solid #ccc;
    
background:#333;
    
padding:5px;
    
display:none;
    
color:#fff;
    

I poslije još imaš:
PHP kod:
<a href="1(velika).jpg" class="preview"><img src="1s(thumb).jpg" alt="alt ime" /> 
jquerry.js i main.js mora bit u istom folderu ko i html.

Css formatiraš kak ti paše. Klasa ti mora bit ista u css-u i slikama.-->
A kakve si to onda stranice radio. U Wordu?

U <meta> dodaš
PHP kod:
<script src="jquery.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script> 
css
PHP kod:
#preview{
    
position:absolute;
    
border:1px solid #ccc;
    
background:#333;
    
padding:5px;
    
display:none;
    
color:#fff;
    

I poslije još imaš:
PHP kod:
<a href="1(velika).jpg" class="preview"><img src="1s(thumb).jpg" alt="alt ime" /> 
jquerry.js i main.js mora bit u istom folderu ko i html.

Css formatiraš kak ti paše. Klasa ti mora bit ista u css-u i slikama.
__________________


AMD Ryzen 7 5700X
BQ Pure Rock
MSI B450 Tomahawk Max
32GB (2x16GB) Fury Beast 3600MHz HX432C18FB2K2/16
MSI RX 6800XT GamingX Trio 16GB
500GB Crucial MX500
Fractal Define R4
Corsair HX850 Platinum
Logitech MX Master 3
Logitech MX Keys
Logitech Z2300
Dell U2715H
Iskon 300/100 Mbps



CPU Intel i7-4810MQ
VGA nVidia GT730M 1 GB
RAM DDR3 16 GB 1600 MHz
SSD 500 GB Sandisk Ultra
Display 15.5" 3K HD IPS 2880x1620
LTE Modem
DVD-RW
9 cell battery
Napajanje 135 W
Windows 10 Pro
Logitech MX Anywhere 3s



AMD Ryzen 5 7640HS
AMD RadeonT 760M
14" 2,8K, 120Hz
16GB RAM
1TB HDD
Windows 11 Pro
Logitech MX Anywhere 3s



Xpenology DVA1622 @ DSM 7.1.1-42962 Update 4
H110M-DGS
Intel i3-7100
8GB RAM DDR4
WD Red 8TB
WD Purple 4TB
Seagate IronWolf 3TB
Seagate SkyHawk 6TB
Nanoxia Deep Silence 4
Seasonic X650 SS-650KM Gold

Facelessone je online   Reply With Quote
Staro 23.01.2012., 13:02   #5
Kristijan_7
Just don't give a fuck
 
Kristijan_7's Avatar
 
Datum registracije: Dec 2006
Lokacija: Zg
Postovi: 764
Prije svega bi trebao riješiti svoj problem sa č i ć, kako bi stranice koje radiš bile na razini. Nadalje, kreni redom, ubacivanje random skripti bez razumijevanja, neće uroditi znanjem ni vrhunskim rezultatima, već nepreglednom i neoptimiziranom hrpom koda. Kolega ti je dao dobar primjer, i taj primjer nije kompliciran za shvatiti. Ako se želiš time baviti, poradi na svom znanju, internet je prepun besplatnih tutoriala i obrazovnih videa...
__________________
“One morning I shot an elephant in my pajamas. How he got into my pajamas I'll never know.”
Kristijan_7 je offline   Reply With Quote
Staro 23.01.2012., 13:07   #6
corsa
Premium
Moj komp
 
Datum registracije: Feb 2007
Lokacija: zagreb
Postovi: 295
Hvala na pomoći ,dalje ću pokušati sam.
Kakve sam stranice radio ?!?

Pa to su bile više manje Html stranice uređene nekim css-om i to je to.
Sad sam malo prešao na javaskript no to je malo kompliciranije.
Hvala još jednom svima.
corsa je offline   Reply With Quote
Staro 23.01.2012., 13:33   #7
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
za ubuduće.. ama baš sve ti je na netu, ako imaš volje nema granica.
wnbeeeE je offline   Reply With Quote
Staro 29.01.2012., 21:12   #8
kremar63
Registered User
 
Datum registracije: Oct 2011
Lokacija: Zagreb
Postovi: 35
Citiraj:
Autor wnbeeeE Pregled postova
za ubuduće.. ama baš sve ti je na netu, ako imaš volje nema granica.
istina, treba volje i strpljenja....i sve se nađe i nauči )
kremar63 je offline   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Odgovori


Uređivanje

Pravila postanja
Vi ne možete otvarati nove teme
Vi ne možete pisati odgovore
Vi ne možete uploadati priloge
Vi ne možete uređivati svoje poruke

BB code je Uključeno
Smajlići su Uključeno
[IMG] kod je Uključeno
HTML je Isključeno

Idi na