Als er geen flash ondersteuning is dan een image
Ik hoop dat ik het een beetje goed kan uitleggen.
Ik heb op mijn site een logo gemaakt in flash, maar nu wil ik dat hij op de apparaten die geen flash ondersteunen een image (plaatje) weergeven ipv niks.
Nu vond ik deze oplossing:
http://www.aleosoft.com/flashtutorial_showimage.html
Echter werkt het bij mij niet helemaal goed.
Als ik het nu via mijn tablet bekijk zie ik wel een plaatje maar ontbreekt er aan de onderkanthet hele menu.
Je kan het probleem reproduceren door te kijken op www.effebuurten.nl (de home knop is zonder de code en als je op forum klikt is met de code, vergeet dus niet om op forum te klikken want dan wordt een andere code geladen voor de banner).
Dit is de code:
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
30
31
32
33
34
35
36
37
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
$HEADER = "
<div id='topbar'>
{NEWSTASTIC_ICONS}
{NEWSTASTIC_LOGIN}
</div>
<div id='header'>
{SITENAME}
<div id='aleosoftimage' style='display:none'>
<img width='500' height='80' src='".THEME."images/e_logo.png'>
</div>
<div id='aleosoftflash' style='display:block'>
<embed width='500' height='80' src='".THEME."images/e_logo.swf'
</div>
<script language='javascript'>
if ((navigator.userAgent.match(/iPad/i) != null) || (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null)) { document.getElementById('aleosoftimage').style.display = 'block'; document.getElementById('aleosoftflash').style.display = 'none'; }
</script>
{SEARCH}
<div class='nav'>
{SITELINKS}
{LINKSTYLE=secondary_links}
{SITELINKS=menu:2}
</div>
</div>
<div id='content2'>
<div class='lCol2'>
{MENU=3}
{SETSTYLE=page}
";
<div id='topbar'>
{NEWSTASTIC_ICONS}
{NEWSTASTIC_LOGIN}
</div>
<div id='header'>
{SITENAME}
<div id='aleosoftimage' style='display:none'>
<img width='500' height='80' src='".THEME."images/e_logo.png'>
</div>
<div id='aleosoftflash' style='display:block'>
<embed width='500' height='80' src='".THEME."images/e_logo.swf'
</div>
<script language='javascript'>
if ((navigator.userAgent.match(/iPad/i) != null) || (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null)) { document.getElementById('aleosoftimage').style.display = 'block'; document.getElementById('aleosoftflash').style.display = 'none'; }
</script>
{SEARCH}
<div class='nav'>
{SITELINKS}
{LINKSTYLE=secondary_links}
{SITELINKS=menu:2}
</div>
</div>
<div id='content2'>
<div class='lCol2'>
{MENU=3}
{SETSTYLE=page}
";
Echter zodra ipv het flash logo het vaste plaatje geladen wordt wordt de code onder </script> niet meer geladen.
Het gaat om deze code:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
{SEARCH}
<div class='nav'>
{SITELINKS}
{LINKSTYLE=secondary_links}
{SITELINKS=menu:2}
</div>
</div>
<div class='nav'>
{SITELINKS}
{LINKSTYLE=secondary_links}
{SITELINKS=menu:2}
</div>
</div>
Als het flash logo geladen wordt wordt die code wel meegenomen.
Weet iemand wat hier de reden van is?
Ik hoop dat het zo een beetje duidelijk is.
Gr. Kees.
Ik wist niet dat je .swf ook kon omzetten naar .gif.
Dan heb je hetzelfde effect en wordt het overal ondersteund.
Eind goed al goed dus :)
Gr. Kees.