I am creating a presentation in html. It is supposed to be something like powerpoint in MS Office. It will have preview of all the slides and one slide at a time will be displayed across the window. I do have a list of slides and am able to play with them via Javascript. I am able to shrink them into the preview.Concerning the one slide that is shown: I wonder whether it would be better to have a copy of all the shown slides within one wrapper div and make them visible one by one by setting the display property. Or if it would be better to copy one slide at a time into this wrapper div.For clarity... I get something like this\[code\]<body> <div class="slide">/*slide stuff*/</div> <div class="slide">/*slide stuff*/</div> <div class="slide">/*slide stuff*/</div> <div class="slide">/*slide stuff*/</div></body>\[/code\]I convert it into this\[code\]<body> <div id=preview> <div class="slide" id="1">/*slide stuff*/</div> <div class="slide" id="2">/*slide stuff*/</div> <div class="slide" id="3">/*slide stuff*/</div> <div class="slide" id="4">/*slide stuff*/</div> </div> ...\[/code\]Now should I display them rather by changing the display property. So the html continues like this:\[code\]... <div id="mainwindow"> <div class="slide" id="p1" display="none">/*slide stuff*/</div> <div class="slide" id="p2" display="none">/*slide stuff*/</div> <div class="slide" id="p3" display="none">/*slide stuff*/</div> <div class="slide" id="p4" display="none">/*slide stuff*/</div> </div></body>\[/code\]Or should I just make the \[code\]mainwindow\[/code\] div empty and copy the slide into it on every slide change?\[code\]... <div id="mainwindow"> </div></body>\[/code\]Please I would appreciate any comment on the speed of both solutions (if the slides are packed with other tags), and since it is school assignment I wonder what solution would be considered "cleaner" and/or more "Pro".
Is it faster to hide by style.display or copy entire DIV?
- Thread starter boypeseen
- Start date