Ahojte, nevite nekdo jestli se da pomoci HTML5 a CSS3 udelat takovy images rotator viz. link http://retigo.cz/Produkty/Konvektomaty/b-623#
kliknete na obrazek po leve strane "3D model".
Potrebuju abych mohl posuvnikem menit napr. 12 obrazku.
HTML5 a CSS3 images rotator
-
Grim
Darca
- Príspevky: 8702
- Registrovaný: 25 jún 2008, 0:54
- Bydlisko: pod železničným mostom
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
...je na to program Pano2VR 4.0...treba ho zakúpiť...
-
fikotek
King
- Príspevky: 1618
- Registrovaný: 21 dec 2004, 16:13
- Bydlisko: Zamilovany :-)
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
Grime, to jsme si asi nerozumeli 
potrbuju abych pomoci nejakeho posuvniku mohl otacet obrazkem. Ale otacet v takovem smyslu ze si v 3D maxu udelam nekolik obrazku s ruzne natocenym produktem a pomoci toho posuvniku ty obrazky budu menit. V konecnem dusledku to bude vypadat jak kdyby se otacel.
potrbuju abych pomoci nejakeho posuvniku mohl otacet obrazkem. Ale otacet v takovem smyslu ze si v 3D maxu udelam nekolik obrazku s ruzne natocenym produktem a pomoci toho posuvniku ty obrazky budu menit. V konecnem dusledku to bude vypadat jak kdyby se otacel.
Re: HTML5 a CSS3 images rotator
Ciste HTML CSS sa to asi neda urobit, ale s jednoduchym javascriptom by to slo. Pozri sa sem: http://webhole.net/2010/04/24/html-5-sl ... -tutorial/
Budes sa musiet pohrat s tym scriptom na konci. Problem vidim v tom, ze IE ani Firefox zatial tuto chutovku nepodporuju
Budes sa musiet pohrat s tym scriptom na konci. Problem vidim v tom, ze IE ani Firefox zatial tuto chutovku nepodporuju
-
Grim
Darca
- Príspevky: 8702
- Registrovaný: 25 jún 2008, 0:54
- Bydlisko: pod železničným mostom
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
...nie, pardon, ja som sa sekol...robí to tá istá firma, len sa to volá Object2VR... http://gardengnomesoftware.com/object2vr.php
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
fikotek, už som niečo podobné robil pre jednu českú firmu, viem ti to "darovať". Ale nebude to čisté HTML+CSS+JS aj tá tvoja ukážka je flash.
Ale nebude to čisté HTML+CSS+JS aj tá tvoja ukážka je flash.-
fikotek
King
- Príspevky: 1618
- Registrovaný: 21 dec 2004, 16:13
- Bydlisko: Zamilovany :-)
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
Dekuji Weroro, bohuzel potrebuju aby to nebylo flashove. Nektere zarizeni na kterych se to bude zobrazovat flash nemusi podporovat. Proto by to mel byt HTML5 CSS3 + javascript. Kdybych aspon vedel pod jakym klicovym slovem to hledat.
Grime, diky mrknu se na to.
bohuzel potrebuju aby to nebylo flashove. Nektere zarizeni na kterych se to bude zobrazovat flash nemusi podporovat. Proto by to mel byt HTML5 CSS3 + javascript. Kdybych aspon vedel pod jakym klicovym slovem to hledat.Grime, diky mrknu se na to.
Re: HTML5 a CSS3 images rotator
Veď toto musí ísť aj v jquery. Jeden slider a obrázok s reakciou na jeho metódu value. To nemôže byť nič ťažké - nie to tam ešte pchať flash, alebo html5.
//autoeditácia príspevku (04 Feb 2013, 15:24)
Nejako takto napríklad (15 minút roboty - za hoďku by to mohlo byť aj pekné)
//autoeditácia príspevku (04 Feb 2013, 15:24)
Nejako takto napríklad (15 minút roboty - za hoďku by to mohlo byť aj pekné)
- Prílohy
-
- fikotek.zip
- (58.51 KiB) 25 stiahnutí
-
fikotek
King
- Príspevky: 1618
- Registrovaný: 21 dec 2004, 16:13
- Bydlisko: Zamilovany :-)
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
Dekuju, ted mi napsal kolega:
Jen jsem to zkousel na tabletu a nevim presne, ale myslim ze
vsechny funkce slide budou spatne predelatelne protoze to
funguje ale nemuzes tahnout pouze klikat.
Jen jsem to zkousel na tabletu a nevim presne, ale myslim ze
vsechny funkce slide budou spatne predelatelne protoze to
funguje ale nemuzes tahnout pouze klikat.
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
ono jquery ponúka aj mobilnú verziu: http://jquerymobile.com/ Skús pozreť či tam priamo nenájdeš nejaký slider, a ak nie tak podľa toho upraviť ten od BX-a
Prípadne použiť tento hotový: http://www.parallaxslider.com/ Ten by vraj mal fungovať aj na tabletoch
Prípadne použiť tento hotový: http://www.parallaxslider.com/ Ten by vraj mal fungovať aj na tabletoch
-
awtt
Medium Professional
- Príspevky: 1234
- Registrovaný: 01 nov 2006, 19:37
- Bydlisko: San Francisco
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
Ono ked ti ide len o swipe eventy, existuje nato velmi jednoduchy plugin do jQuery ktory sem tam pouzivam a funguje skvele.
https://github.com/eikes/jquery.swipe-events.js
Nema ani 50 riadkov, a kedze tebe pojde len o swipe vlavo-pravo mozes ho aj trosku osekat ak chces...
https://github.com/eikes/jquery.swipe-events.js
Nema ani 50 riadkov, a kedze tebe pojde len o swipe vlavo-pravo mozes ho aj trosku osekat ak chces...
-
weroro
Flash coder
- Príspevky: 3206
- Registrovaný: 14 feb 2009, 22:34
- Bydlisko: Bratislava
- Kontaktovať používateľa:
Re: HTML5 a CSS3 images rotator
Ja som sa inak pred časom stretol pri vŕtaní do html5 s <input type="range" min="0" max="100"> To je posuvník v HTML5.
// Toto som na rýchlo našiel http://tutorialzine.com/2011/12/what-yo ... nge-input/
// Toto som na rýchlo našiel http://tutorialzine.com/2011/12/what-yo ... nge-input/