Dat werd niet echt duidelijk uit de afbeelding die je plaatste. Sowieso lijkt het me een vreemde opzet, hoezo zou je je viewport dusdanig klein willen maken, dat je je content er op moet aanpassen?quote:Op donderdag 15 maart 2012 21:20 schreef n8n het volgende:
[..]
dat als de viewport minder hoog wordt de afbeeldingen kleiner worden met het venster mee. Net als content zou moeten als je normaliter een venster minder breed maakt.
1 2 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*20 + 'deg);'); |
Kun je toch gewoon + 8 doen, en als ie groter dan 352 wordt begint ie weer bij 0.quote:Op maandag 19 maart 2012 21:40 schreef Neraice het volgende:
Beetje onduidelijk idd. Het gaat om een naald (van een lp-speler) die beweegt terwijl er muziek wordt afgespeeld. Deze jQuery zorgt hiervoor met rotate(Xdeg). Maar deze begint bij 0deg en hij moet beginnen bij 8deg. Hopelijk snap je het
Het stylen van selects is sowieso een drama, en moet je ook niet willen. Volgens mij is het ook alleen in Safari/Chrome mogelijk om wat meer te stylen dan alleen de background-color en de font-size/weight/color.quote:Op maandag 19 maart 2012 21:41 schreef Chandler het volgende:
weet iemand ook of het mogelijk is om een select met de multiple optie anders te stijlen zonder specifiek een class/id aan te geven?
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?(zal wel niet maar goed, je weet het maar nooit)
Gewoon omdat het zou kunnenquote:Op maandag 19 maart 2012 21:43 schreef Neraice het volgende:
Iets met :first-child, :last-child etc wellicht?
Waarom geen class?
1 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*16 + 'deg);'); |
1 | $('#needle').attr('style', '-webkit-transform:rotate(' + (audioElement.currentTime/audioElement.duration*16) + 8+ 'deg);'); |
1 | <div id="needle" style="-webkit-transform:rotate(4.271513322868035deg);"></div> |
Bekijk mijn voorbeeld nou eens...quote:Op maandag 19 maart 2012 21:58 schreef Neraice het volgende:
Die wordt berekend door de JS, zodat de naald altijd de hele LP afgaat ongeacht de lengte van het liedje.
Waar zouden de haakjes moeten dan?
Waar begint ie op 1.2 dan?quote:Op maandag 19 maart 2012 22:01 schreef boem-dikkie het volgende:
Je kunt je webkit-transform toch gewoon op 8 laten beginnen in plaats van 1.2[...]?
1 | $('#needle').attr('style', '-webkit-transform:rotate(' + parseFloat((audioElement.currentTime/audioElement.duration*16)) + 8 + 'deg);'); |
Als ik een console.log doe van de berekening gaat ie bij mij goed hoor...quote:Op maandag 19 maart 2012 22:35 schreef Neraice het volgende:
Heb 'm online geupdatet, wat doe ik fout?
1 | $('#needle').attr('style', '-moz-transform:rotate(' + (parseFloat(audioElement.currentTime/audioElement.duration*16) + 8) + 'deg'); |
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 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | <head> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('#galleryphotoillu a').lightBox(); $('#galleryhuisstijl a').lightBox(); $('#gallerydriedee a').lightBox(); $('#galleryfotografie a').lightBox(); }); </script> </head> <body> <a name="photoillu"></a> <div class="page-padding"></div> <a class="deadlink">photoshop & illustrator</a> <a href="#web" class="alivelink">huisstijl & web</a> <a href="#3d" class="alivelink">3d</a> <a href="#fotografie" class="alivelink">fotografie</a> <div class="photoillu_viewer" id="galleryphotoillu"> <a href= "portfolio/kluis.jpg" rel="lightbox[photoshop]"><img src="portfolio/kluisthumb.jpg" width="260" height="160" border="0" /></a> </div> div class="huisstijl_viewer" id="galleryhuisstijl"> <a href= "portfolio/lsskaartjeachter.jpg" rel="lightbox[huisstijl]" ><img src="portfolio/lsskaartjeachterthumb.jpg" width="260" height="160" border="0" /></a> </div> <div class="driedeeviewer" id="gallerydriedee"> <a href= "portfolio/render2.jpg" rel="lightbox[driedee]"title="Mental Ray render van een wasbak. Gemaakt in 3ds max."><img src="portfolio/render2thumb.jpg" width="260" height="160" border="0" /></a> </div> <div class="foto_viewer" id="galleryfotografie"> <a href= "portfolio/foto1.jpg" rel="lightbox[foto]"title="Film Noir photoshoot #1."><img src="portfolio/foto1thumb.jpg" width="260" height="160" border="0" /></a> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script> $(document).ready(function () { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('a[href*=#]').each(function() { if ( filterPath(location.pathname) == filterPath(this.pathname) && location.hostname == this.hostname && this.hash.replace(/#/,'') ) { var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top; $(this).click(function() { $('html, body').animate({scrollTop: targetOffset}, 1000); return false; }); } } }); });</script> </body> |
Body op 15. HTML is kwijt. Doctype ook.quote:Op dinsdag 20 maart 2012 13:03 schreef Catch22- het volgende:
waar is je bodytag en htmltag?
en je doctype definitie?
ik heb niet alle code meegekopieerd om het overzichtelijk te houden.quote:Op dinsdag 20 maart 2012 13:03 schreef Catch22- het volgende:
waar is je bodytag en htmltag?
en je doctype definitie?
ja okequote:Op dinsdag 20 maart 2012 13:19 schreef boem-dikkie het volgende:
Ja, door die twee regels code zijn we vast de draad kwijt straks.
En daardoor loop je een heel groot risico datgene niet mee te kopieren waarom het gaat. Daarom is het ook zo verdomde handig dat je een testpagina maakt waarop we kunnen zien wat er gebeurt.quote:Op dinsdag 20 maart 2012 13:20 schreef karton2 het volgende:
[..]
ja oke..maar ik heb in de uitleg al aangegeven dat ik voor het overzicht niet álles mee heb gekopieerd.
Ik heb een gratis host geregeld. Hij staat nu online.quote:Op dinsdag 20 maart 2012 14:36 schreef Scorpie het volgende:
[..]
En daardoor loop je een heel groot risico datgene niet mee te kopieren waarom het gaat. Daarom is het ook zo verdomde handig dat je een testpagina maakt waarop we kunnen zien wat er gebeurt.
Doe eens type="text/javascript" bij je script tag toevoegen...quote:Op dinsdag 20 maart 2012 16:32 schreef karton2 het volgende:
Ik heb geprobeerd zoveel mogelijk fouten eruit te halen, maar een aantal blijven staan.
De fouten blijkbaar allemaal in het script voor het schuiven.
Meldingen die ik krijg zijn dat '&' fouten op kan leveren en dat ik daar &voor moet gebruiken, wat dus niet werkt.
Voor de volledigheid is hier het hele rapport te vinden.
Op regel 12 zoals KomtTijd aangeeft krijg ik geen melding.
Dat van die & is html praat, kan javascript niks mee. (nu moet ik wel toegeven dat ik van javascript weinig kaas heb gegeten)quote:Op dinsdag 20 maart 2012 16:51 schreef Diabox het volgende:
[..]
Doe eens type="text/javascript" bij je script tag toevoegen...
Je snapt overigens hoop ik wel dat die meldingen over je javascript niet slaan op de geldigheid van je javascript ansich en dat die && daar syntactisch en semantisch correct zijn?
Dikgedrukte vind ik een leuke zin.quote:Op dinsdag 20 maart 2012 16:56 schreef KomtTijd... het volgende:
Die meldingen over de & zijn geen errors, maar meldingen. De 4 errors kun je prima nog verhelpen, die zijn gewoon zeer duidelijk.
En de javascript console geeft nog steeds een foutmelding op regel 12, lijkt me vrij obvious dat je script daardoor niet werkt. En die kan ook best eens veroorzaakt worden door de eerste 2 HTML fouten.
Wow, was mij inderdaad ook nog niet opgevallen, later include ie weer eentje.quote:Op dinsdag 20 maart 2012 17:09 schreef KomtTijd... het volgende:
Valt me trouwens nu pas op dat je 2 (???) verschillende (?!?!?!) versies van Jquery include.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |