Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Otvaranja slike u novom delu ekrana...

[es] :: Javascript i AJAX :: Otvaranja slike u novom delu ekrana...

[ Pregleda: 2995 | Odgovora: 9 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Otvaranja slike u novom delu ekrana...26.09.2014. u 13:11 - pre 115 meseci
Pozdrav,
Sada gledam na google slike i reso sam da stavim u sajt slide kao kod njih. Kada se klikne na neku sliku da se ispod nje ,otprilike u velicini ekrana, otvori slide ili novi deo gde ce se prikazati na primer ta slika u punoj velicini i jos neki tekst ili sta vec hocu .... Otprilike znam kako bih uradio preko JS, ali pomoglo bi mi ako zna neko da li ima neki open source kod za takvo nesto...

Pozdrav!
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
109.121.59.*



+33 Profil

icon Re: Otvaranja slike u novom delu ekrana...27.09.2014. u 21:43 - pre 115 meseci
http://www.designyourway.net/b...cient-jquery-lightbox-plugins/ ... pa ti izaberi... Ja najčešće koristim Colorbox.
 
Odgovor na temu

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Re: Otvaranja slike u novom delu ekrana...28.09.2014. u 08:27 - pre 115 meseci
Pozdrav Nikola ,

Nisam mozda dobro objasnio, nisam hteo popup , nesto ovako mi treba ....



Iskreno, prestao sam traziti ,napisacu taj deo, jer mislim da nije komplikovano ali prijalo bi videti neki primer ako neko zna ...

Hvala u svakom slucaju
 
Odgovor na temu

deZio
Inđija

Član broj: 150608
Poruke: 345
*.dynamic.isp.telekom.rs.



+38 Profil

icon Re: Otvaranja slike u novom delu ekrana...28.09.2014. u 08:58 - pre 115 meseci
Probaj ovu skriptu: http://tympanus.net/codrops/20...l-grid-with-expanding-preview/
 
Odgovor na temu

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Re: Otvaranja slike u novom delu ekrana...29.09.2014. u 10:22 - pre 115 meseci
Extra DeZio , to mi treba :) , hvala puno
 
Odgovor na temu

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Re: Otvaranja slike u novom delu ekrana...30.09.2014. u 19:24 - pre 115 meseci
Pozdrav, ipak nije zanimljivo ako se uradi lako kao sto se cinilo na prvi pogled :) .

Konkretno ne znam da li neko radi sa Restom i Backbone jer tu imam problem a po netu nisam nasao slicno pitanje. JavaScript i HTML kod koji sam preuzeo koji mi je DeZio preporucio radi savrseno, ubacim u stranicu i radi OK . Problem se javlja kada deo koda ucitavam i ispisujem preko Backbona ...

Ovo je deo koda iz html stranice , u prvi div ucitavam podatke preko Backbona iz jsp stranice i oni se redovno ucitaju, drugi div je nevezan za Backboni koji sam rucno ubacio.
Posle ucitavanja stranice pojave se dve indeticne slike i dva indeticna html koda , problem nastaje sto prva slika koja je ucitana preko Backona ne reaguje na klik i ne desava se nista, kao da ne prepoznaje JS koji je ucutan u stranicu , dok druga slika koja nije preko Backbona radi bez problema.

Predpodstavljam da je problem zato sto se Eventi drugacije definisu u backbonu ali nije mi jasno ako sam na stranici dobio(ucitao) dva ista html koda, bez obzira na koji nacin se ucitali, zasto jedan reaguje na JavaScript dok drugi ne ...

Code:
<div id="container" class="col-sm-10 col-sm-offset-3 col-md-10 col-md-offset-2 main container">


    </div>
            
    <div class="main">
                <ul id="og-grid" class="og-grid">
                    <li>
                        <a data-largesrc="${root}resources/photo/2.jpg" data-title="Opis slike .........">
                            <img id="slika" src="${root}resources/photo/thumbs/2.jpg" alt="img02"/>
                        </a>
                    </li>
                </ul>
      </div>


JSP deo koda koji se ucita preko Backbona

Code:

<script type="text/template" id="homePageView">
<div class="main">
                <ul id="og-grid" class="og-grid">
                    <li>
                        <a data-largesrc="${root}resources/photo/2.jpg" data-title="Opis slike .........">
                            <img id="slika" src="${root}resources/photo/thumbs/2.jpg" alt="img02"/>
                        </a>
                    </li>
    
                </ul>
                
</div>
<script>


Ako ima neko neki predlog ili savet dobro bi doslo .... hvala unapred... pozdrav
 
Odgovor na temu

dusans
Stojanov Dušan
Pančevo

Član broj: 9551
Poruke: 1343
*.dynamic.sbb.rs.



+311 Profil

icon Re: Otvaranja slike u novom delu ekrana...30.09.2014. u 20:52 - pre 115 meseci
Da li si pozvao Grid.init() posle ubacivanja sadržaja?
 
Odgovor na temu

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Re: Otvaranja slike u novom delu ekrana...30.09.2014. u 21:51 - pre 115 meseci
Da, ubacio sam taj deo koda na dno html stranice ...

Code:

<script>
            $(function() {
            Grid.init();
            });
</script>


Kada ne bi radila druga slika mislio bi da nesto nisam ucitao ili dobro podesio ali druga slika radi, tako da je sav JS ,css i sve sto je potrebno ucitano , problem je sto se i prva slika koja je ucitana preko backbona ne ponasa tako.

Do sada sam uglavnom kompletne stranice radio preko backbona i u jednom folderu(main.js) pisao ceo JS kod , sada kada sam pokusao da kombinujem staticki deo sa backbone javi se problem.
Backbone deo stranice uopste ne reaguje na ostali JS kod van foldera main.js i njegovih JS fajlova, ne reaguje ni na bilo kakve aktivnosti van dela koji je sa njim ispisan ... klik misa na neko dugne na statickom delu stranice ne mogu obraditi u Backbonu (main.js) , dok ako samo promenim id da ne bude dugme iz statickog dela stranice vec dugme iz Backbone dela onda se funkcija reaguje na klik .... isto tako staticki deo stranice radi odlicno sa JS kodom koji nije u main.js

Prosto mi nemoguce zvuci da su skroz odvojena ta dva dela iste html stranice ... ali sve mi ukazuje da te tako ... kazem opet uglavnom sam kompletne stranice radio u backbonu(bez statickog dela) kada sam sa njim radio pa nisam imao ovakva iskustva i mozda ima neka banalna greska ili caka ali cisto sumljam ...

Jel imao neko slican problem i jel izvodljivo da kada kliknem na dugme iz statickog dela stranice koje nije ispisano preko backbona , da na osnovu tog dogadjaja pozovem neku funkciju u Backbonu(main.js)...
 
Odgovor na temu

dusans
Stojanov Dušan
Pančevo

Član broj: 9551
Poruke: 1343
*.dynamic.sbb.rs.



+311 Profil

icon Re: Otvaranja slike u novom delu ekrana...01.10.2014. u 21:20 - pre 115 meseci
Vidim ja da ti brkaš mnoge stvari, poistovećuješ učitavanje skripta i izvršavanje skripta (veoma, veoma različite stvari),
definitivno ti fali shvatanje osnovnih mehanizama u HTML/js svetu, sa kojima se nisi susretao ukoliko koristiš
neki od magičnih js frameworka, i onda kada nešto ne radi teško je ukapirati zašto.

Dakle, galerija ti ne radi zato što nije izvršena Grid.init(); funkcija kada za to dođe vreme.
Grid.init(), u trenutku kada je pozvana, traži sve elemente na stranici određenog tipa (npr klase)
i na njih kači svoje podatke, event-e, itd... i pretvara ih u funkcionalnu "galeriju", daje joj život.

Onako kako je stavljeno na dnu stranice, znači da će funkcija biti pozvana kada se stranica kompletno učita.
Kada je stranica kompletno učitana, ona je prazna i na njoj još uvek nema galerije (pošto se ona učitava kasnije preko backbonea)
tako da taj poziv na dnu stranice radi jedno "ništa".

Onda kada backbone učita html za galeriju i stavi je unutar nekog elementa,
treba pozvati i Grid.init() koji će sada da pronađe to što si učitao i da pretvori u funkcionalnu "galeriju".
U backbone-u nisam radio tako da ne mogu da ti dam konkretno rešenje,
preko jQuery-a znam da kada ubaciš neki html (koji u sebi ima i skript) u element, skript se automatski i izvrši.

Što se tiče dugmeta, nisam uspeo da shvatim ono što si napisao, jedino mi miriše na sličnu problematiku
izvršavanja skriptova a malo mi vuče i na magiju "on" jquery funkcije.



 
Odgovor na temu

casperns2
Full Stack Java Web Developer
Novi Sad

Član broj: 288154
Poruke: 227
*.dynamic.sbb.rs.



+45 Profil

icon Re: Otvaranja slike u novom delu ekrana...04.10.2014. u 18:43 - pre 115 meseci
Pozdrav Dusane , da, kao sto sam rekao nisam se susretao sa ovakvim problemima i izradom, uglavnom je bilo sve preko backbone i sav js se pisao u backbone-nista komplikovano.

Za ovo sto ste rekli ste u pravu, html mi se ucita i funcija se ucita pre nego sto ispisem html iz backbona. Promenio sam to tako sto sam Grid funkciju stavio u backbonu i da se funkcija poziva na neki klik posle ucitavanja cele stranice. Situacija je znaci sledeca. Cela html stranica sa backbonom se ucita. Nisam kliknuo na odredjeno dugme i jos nisam pozvao grid funkciju. Slika ni u statickom delu ni preko backbona ne radi. Kada kliknem i pozovem funkciju grid koju sam stavio u backbone , posle toga slika iz staticklog dela reaguje i radi, dok sa slikom iz backbona se kao i pre nista ne desava.

Ono sto ste rekli sve mi je bilo logicno i na to sam zaboravio. Ali onda ima jos nesto jer ako je samo to onda nema smisla. Ucitao sam komletno sve i nijedna slika ne radi, kada se sve ucitalo kliknuo sam na dugme neko da bih pozvao funkciju grid i posle toga druga slika reaguje a prva ostala isto kao i pre nista .... hvala u svakom slucaju ... videcu jos po netu sta , resicu sigurno samo pitanje koliko ce potrajati, a u medjuvremenu svakako i druge stvari radim na istom sajtu ...
 
Odgovor na temu

[es] :: Javascript i AJAX :: Otvaranja slike u novom delu ekrana...

[ Pregleda: 2995 | Odgovora: 9 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.