Ik ben op dit moment bezig met een iPad webapp voor mijn werk.
Deze wordt gebouwd in HTML5, in een jqTouch framework als je het zo kan noemen.
Ik wil als photoviewer Fancybox (v1.3.4) gebruiken, in mijn ogen de beste lightbox
Jammer genoeg is er een conflict tussen Fb en een javascript van jqTouch, jqtouch.js.
Want als ik deze weghaal doet Fb het wel goed.
Ik heb alle functie's van jqTouch er stuk voor stuk uitgehaald, zonder resultaat.
Als ik fancybox aanroep ziet het er als volgt uit:
*klik*
De scripts en css van jqTouch en Fancybox zijn na het testen weer teruggezet naar hun originele waardes.
Na het 'activeren' van Fb loopt de hele pagina vast.
Safari en Chrome hier op mijn mac geeft overigens hetzelfde resultaat.
Vraag ik misschien iets teveel met de verschillende scripts? Wellicht dat jQuery's eigen mobile framework het wel goed vertoond?
Testcase
Deze wordt gebouwd in HTML5, in een jqTouch framework als je het zo kan noemen.
Ik wil als photoviewer Fancybox (v1.3.4) gebruiken, in mijn ogen de beste lightbox
Jammer genoeg is er een conflict tussen Fb en een javascript van jqTouch, jqtouch.js.
Want als ik deze weghaal doet Fb het wel goed.
Ik heb alle functie's van jqTouch er stuk voor stuk uitgehaald, zonder resultaat.
Als ik fancybox aanroep ziet het er als volgt uit:
*klik*
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" rel="stylesheet" /> <script type="text/javascript" > $(function(){ $("a.fancyImg").fancybox({ 'titleShow' : true, 'autoScale' : true, 'opacity' : true, 'scrolling' : false, 'overlayOpacity' : 0, 'width' : '500', 'height' : '333', 'showCloseButton' : 'true', 'titlePosition' : 'outside' }); }); </script> <script type="text/javascript" src="js/jqtouch.js" ></script> <script type="text/javascript" > var jQT = new $.jQTouch({ addGlossToIcon: true, fixedViewport:true, fullScreen:true, statusBar: 'black' }); </script> </head> <body > <div style="margin:50px 0 0 50px;"><a class="fancyImg" href="images/gallery/01.jpg"><img src="images/btn.png" width="128" height="21" alt="Hallowoooooow!" /></a></div> </body> </html> |
De scripts en css van jqTouch en Fancybox zijn na het testen weer teruggezet naar hun originele waardes.
Na het 'activeren' van Fb loopt de hele pagina vast.
Safari en Chrome hier op mijn mac geeft overigens hetzelfde resultaat.
Vraag ik misschien iets teveel met de verschillende scripts? Wellicht dat jQuery's eigen mobile framework het wel goed vertoond?
Testcase
[ Voor 72% gewijzigd door Verwijderd op 24-05-2011 23:22 ]
:strip_icc():strip_exif()/u/43400/avatar.jpeg?f=community){kind=avatar}
Maar inderdaad het lokaliseren van het probleem…