www.dlaygames.com
Heb je uberhaubt een element zonder achtergrondplaatje?
En om eerlijk te zijn... ben je niet de 13.000.000 in het dozijn?
- Haal die lichtkrant weg, marquee is overigens al een tijdje afgeschaft in HTML 4.01 en hoger.
- Times New Roman-lettertype is vrij standaard. Neem eens wat anders...
- Wat heeft die FB like-button te maken met inloggen? Die staat op een verleerde plek
- Wat doen die <font> tags? Die zijn net als marquee afgeschaft. Zorg dat je alle stijlinformatie in CSS opslaat, en niet in HTML.
- <center> hoort ook thuis in het museum...
- Het stikt van de validation fouten in je HTML.
Dus, zet de steeksleutels maar in je site, want er kan een hoop aan bijgeschroefd worden.
ik vindt dat een beetje raar.
Gewijzigd op 01/01/2013 22:18:10 door php knipper
Gewijzigd op 01/01/2013 22:18:12 door daniyal hussain
zoals je ziet rechts is er een menu, zodra je op de knop "menu weg" het eerste item in het menu klikt verdwijnt het menu en rekt de swf uit
de knop:
Code (php)
1
<a href="#"><div id="game_menu_knop" class="full_game">Menu weg</div></a>
jquery:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script>
$(document).ready(function(){
$(".full_game").click(function(){
$(".game").width(997);
$("#swf").width(997);
$("#swf").height(700);
$(".game").height(750);
$(".menu").hide();
});
});
</script>
$(document).ready(function(){
$(".full_game").click(function(){
$(".game").width(997);
$("#swf").width(997);
$("#swf").height(700);
$(".game").height(750);
$(".menu").hide();
});
});
</script>
game:
Code (php)
1
2
2
<div id="swf"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="Strategy Defense" align="center">
<param name="movie" value="game/strategydefense.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <embed src="game/strategydefense.swf" quality="high" bgcolor="#FFFFFF" width="100%" height="100%" name="Strategy Defense" align="center" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object></div>
<param name="movie" value="game/strategydefense.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <embed src="game/strategydefense.swf" quality="high" bgcolor="#FFFFFF" width="100%" height="100%" name="Strategy Defense" align="center" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object></div>
Gewijzigd op 01/01/2013 22:31:32 door daniyal hussain
bij mij worden alleen de namen en het swf pad uit de database geladen en dan moet je maar 1 bestand aanpassen
Tevens ga je nooit elke keer dat je klikt JS de hele dom laten doorzoeken, cache ze bij domready meteen in een variabele en gebruik die telkens als je klikt.
Wouter J op 01/01/2013 22:35:07:
Aiaiai, gebruik die JS code aub niet. Je laat JavaScript 2x door de hele dom zoeken voor alle .game elementen en 2x voor het #swf element. Gebruik of chaining of cache het element in een var.
Tevens ga je nooit elke keer dat je klikt JS de hele dom laten doorzoeken, cache ze bij domready meteen in een variabele en gebruik die telkens als je klikt.
Tevens ga je nooit elke keer dat je klikt JS de hele dom laten doorzoeken, cache ze bij domready meteen in een variabele en gebruik die telkens als je klikt.
Hoe moet het dan? het werkt wel maar ik denk dat je een beter manier hebt.
Gewijzigd op 01/01/2013 22:38:18 door php knipper
Code (php)
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
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
// dit is gelijk aan $(document).ready()
// het zorgt er tevens voor dat we er zeker van zijn dat
// $ in onze functie ook echt de alias voor jQuery is.
jQuery(function ($) {
// sla de elementen op in globale variabele, zo zoeken
// we 1 keer en niet per klik.
var games = $('.game'),
swf = $('#swf'),
menus = $('.menu');
// dit komt bekent voor, de e als argument voeg ik altijd
// toe bij event, kan altijd nog van pas komen.
$('.full_game').click(function (e) {
// ik gebruik de css functie, maar .width en .height
// voldoen natuurlijk ook. Gebruik dan wel chaining,
// dus games.width(...).height(...);
games.css({
width: 997,
height: 750,
});
swf.css({
width: 997,
height: 700,
});
menus.hide();
});
});
// het zorgt er tevens voor dat we er zeker van zijn dat
// $ in onze functie ook echt de alias voor jQuery is.
jQuery(function ($) {
// sla de elementen op in globale variabele, zo zoeken
// we 1 keer en niet per klik.
var games = $('.game'),
swf = $('#swf'),
menus = $('.menu');
// dit komt bekent voor, de e als argument voeg ik altijd
// toe bij event, kan altijd nog van pas komen.
$('.full_game').click(function (e) {
// ik gebruik de css functie, maar .width en .height
// voldoen natuurlijk ook. Gebruik dan wel chaining,
// dus games.width(...).height(...);
games.css({
width: 997,
height: 750,
});
swf.css({
width: 997,
height: 700,
});
menus.hide();
});
});
1min puntje je kan die spelen dan helaas niet spelen in oude versies van ie.
Maar het levert jou wel van een ruim game gebied bezoekers op. Bijv. http://html5games.com
Het is een tip dus je mag zelf kiezen of je dr wat mee doet ;)
Mooie site ga zo door.
Gewijzigd op 02/01/2013 01:31:37 door Keizer Webdesign