Druckbare Version
Hallo,
vielen Dank für die sppper Erweiterung.
Ich könnte in der Doku nichts zum Theme Noflash/Fallback finden.
Wenn ein User kein Flash installiert hat, sollte ein alternatives BIld angezeigt werden.
Habe ich die Einstellung dazu irgendwo übersehen.
Grüße
Na fast nichts übersehen. Nein es geht derzeit direkt per Modul nicht.
Als Ticket gibt es den Wunsch aber bereits: http://www.contao-forge.org/issues/871
Damit wäre ein Flash Banner gegenüber einem Bild oder Text Banner eine Außnahme, da dort zwei mal Content angegeben werden müsste. (Flash + Ersatzbild)
Dazu muss ich mir noch überlegen wie ich das umsetzen kann.
Gibt es zufällig Flash Content Module für Contao die das bereits anbieten?
Danke für Deine schnelle Antwort.
Wenn ich z.B. über das swf Object einen Flashfilm einbinde, wird bei nicht vorhandem Flashplugin der alternative Content angezeigt.
Wenn das Plugin installiert ist, wird der Inhalt überschrieben.
Vielleicht hilft Dir das.
HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {},
params = {},
attributes = {};
swfobject.embedSWF("flash.swf", "flashgame", "689", "580", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="flashgame">
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>
Ja, das Konzept ist klar, bei mir wird im Template diese Zeile ersetzt:
Allerdings wird dieser auch ersetzt, sobald Javascript aktiv ist. Hier müsste also noch eine Flash Erkennung rein.PHP-Code:<?php echo $banner['swf_src']; ?><br /><?php echo $banner['banner_comment']; ?><br /><?php echo $banner['alt']; ?>
Dann müste ich dort nun ein Bildlink einbauen welcher vorher als Fallback im Backend definiert werden müsste.
Ich will die Auswahl eines Alternativebildes aber nur bei Flash Objekten anbieten.
Dazu müsste ich aber bereits bei der Auswahl erkennen, das es ein Flash ist, oder man muss vorher wählen was es werden soll (text,bild,flash). Das genau muss ich mir mal ansehen wie man das machen könnte.
Ich habe mir mal ce_flash angesehen, da wird das schon so in der Art getan. Vielleicht kann ich das Konzept dort verwenden.
Man könnte auch ein Bild auf den Server legen, welches den gleichen Namen hat wie der Flashfilm.
Wenn ich das Template umschreibe und das swf Object einbinde würde, könnte man so ein Fallback-Image anzeigen.
Ich werde das morgen mal testen.
Wenn es sich um lokale Flashdateien handelt könnte man das natürlich ohne Auswahl auf diese Weise automatisieren (beispiel.swf und im selben Verzeichnis beispiel.jpg|gif|png)
Ich habe jetzt ein neues Template erstellt und es in mein Banner Modul eingebunden. Und es Funktioniert.
Für alle die es interessiert:
Im Header meines Haupt-Templates habe ich das swf Object eingebunden.
Im Selben Ordner wie das swf habe ich eine jpg oder gif Datei abgelegt, die den gleichen Namen wie das swf haben muss.
Wenn kein gif gefunden wird, wird nach einem jpg gesucht.
Hier der vollständige Code aus dem Template.
PHP-Code:<!-- indexer::stop -->
<div class="<?php echo $this->class; ?>"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php foreach ($this->banners as $banner): ?>
<?php if ($banner['banner_pic']) : ?>
<div class="banner_image">
<?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?><img src="<?php echo $banner['src']; ?>"<?php echo $banner['size']; ?> title="<?php echo $banner['banner_comment']; ?>" alt="<?php echo $banner['alt']; ?>" /><?php if ($banner['banner_url']): ?></a><?php endif; ?>
</div>
<?php endif; ?>
<?php if ($banner['banner_flash']) : ?>
<div class="banner_flash block" style="height:<?php echo $banner['swf_height']; ?>px; width:<?php echo $banner['swf_width']; ?>px;">
<?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?>
<span id="swf_<?php echo $banner['swf_id']; ?>">
<?php
$imageJPG = str_replace('.swf', '.jpg', $banner['swf_src']);
$imageGIF = str_replace('.swf', '.gif', $banner['swf_src']);
if (file_exists($imageGIF)) {
echo '<img src="' . $imageGIF . '" alt="'.$banner['banner_comment'].'" />';
} else if (file_exists($imageJPG)) {
echo '<img src="' . $imageJPG . '" alt="'.$banner['banner_comment'].'" />';
}
?>
</span>
<img src="system/modules/banner/leer.gif" alt="" style="position:relative; margin-top:<?php echo "-".$banner['swf_height']; ?>px; left:0; z-index: 10; width:<?php echo $banner['swf_width']; ?>px; height:<?php echo $banner['swf_height']; ?>px;" />
<?php if ($banner['banner_url']): ?></a><?php endif; ?>
</div>
<script type="text/javascript">
var flashvars = {},
params = {},
attributes = {};
swfobject.embedSWF("<?php echo $banner['swf_src']; ?>", "swf_<?php echo $banner['swf_id']; ?>", "<?php echo $banner['swf_width']; ?>", "<?php echo $banner['swf_height']; ?>", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<?php endif; ?>
<?php if ($banner['banner_text']) : ?>
<div class="banner_text">
<div class="banner_text_name"><?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?><?php echo $banner['banner_name']; ?><?php if ($banner['banner_url']): ?></a><?php endif; ?></div>
<div class="banner_text_comment"><?php echo $banner['banner_comment']; ?></div>
<?php if ($banner['banner_url']): ?><div class="banner_text_url"><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php echo $banner['banner_url_kurz']; ?></a></div><?php endif; ?>
</div>
<?php endif; ?>
<?php if ($banner['banner_empty']) : ?>
<div class="banner_empty">
<!-- <?php echo $banner['banner_name']; ?> -->
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<!-- indexer::continue -->
Banner benutzt SWIFF was in Mootools daher kommt und auf swfObjects aufsetzt und verbessert.
Ich habe ein ähnliches Konzept angefangen, was ab Mootools 1.3 (ab Contao 2.10 ) funktioniert.
Darin ist ein Browser Object wodurch ich angesagt bekomme, ob der Browser Flash kann.
Wenn nicht, wird im Modul geprüft, ob ein Ersatzbild vorhanden ist mit gleichem Namen (also so ähnlich wie oben) und eine Zeile mit dem Ersatzbild definiert. Die wird dann nicht durch swiff javascript überschrieben, da die Flash abfrage vorher bereits false ergibt.
Ist kein Ersatzbild vorhanden, wird wie bereits jetzt die Ersatz Text Angabe generiert.
So hat man das alte und neue Ersatzverfahren mit drin.
Ich brauche aber noch einige Tage um das alles durchzuprüfen.
Auch will ich noch prüfen ob das nicht auch mit Mootools 1.2.5 funktioniert (und somit mit Contao 2.9.2) oder eine ander Methode finden um auf Flash zu prüfen.
Das hört sich gut an. Sag bescheid, wenn es etwas zum testen gibt.
Auf GitHub liegt nun das erste neue Feature in der 2.2.0 beta
https://github.com/BugBuster1701/banner/tree/2.2.0_beta
Geändert hat sich die ModuleBanner.php sowie fast alle Templates, sollte man auf GitHub erkennen welche.
Neu ist hier das Flash Fallback Image. Es wird bei einer lokalen (internen) Flash Datei ein Bild gesucht mit dem selben Namen, aber mit der Endung jpg,png oder gif.
Beispiel:
für "meinflash.swf" wäre ein passendes Fallback Image: "meinflash.jpg"
Ist das Flash plugin nicht installiert oder JavaScript inaktiv und solch ein Ersatzbild zu finden, wird das Bild stattdessen angezeigt.
Es wird dabei auf die definierten Abmaße der Flashdatei umgerechnet falls nötig.
Per Git ziehen, direkt die beta:
git clone -b 2.2.0_beta git://github.com/BugBuster1701/banner.git
oder
git clone -b 2.2.0_beta https://github.com/BugBuster1701/banner.git
Direkt als ZIP: https://github.com/BugBuster1701/ban...all/2.2.0_beta
!!Nicht über download das ZIP, das ist der Master Branch!!
Hi,
wenn ich das Modul manuell instaliere, kann ich nicht die neue Version auswählen. Es steht als letzte Version nur 2.1.1 stable zur verfügung.
Wenn ich diese Version installuere, wird mir kein Bild auf dme iPad angezeigt.
Grüße
Die beta ist nicht im ER, kann ich aber heute noch tun wenn du willst.
Welche meinst du nun mit "diese"?
Ich habe diese Version installiert. https://github.com/BugBuster1701/banner/tree/2.2.0_beta
Und du hast eine interne Flash Datei ausgewählt und ein gleichnahmiges Bild im selben Pfad?
Hast du wieder auf meine Templates zurückgestellt?
Ich habe mien altes Bannermodul gelöscht und Dein neues installiert.
Ein alternatives Bild liegt im selben Ordner wie die swf.
Und es kann nicht daran liegen, dass ich bei der Installation die neue Version nicht auswählen konnte?
Da sie wie gesagt nicht im ER ist, kann die auch nicht ausgewählt werden. Ein manuelle Installation wird nicht in die Verwaltung übernommen, dort steht dann immer noch die alte. (wenn man die neue drüber kopieren würde)
Ist die Seite öffentlich wo du das testest?
Falls nicht, schaue doch mal in den Quelltext (nicht per Firebug!) was dort für das Modul generiert wurde.
Also alles was hier zwischen kommt interessiert mich:
PHP-Code:<!-- indexer::stop -->
<div class="mod_banner">
...
</div>
<!-- indexer::continue -->
Auf dem Desktop-Rechner bei aktiven und nicht aktiven Flash-Plugin steht folgendes im Quellcode.
Auf dem iPad steht etwas anderes im Quelltext.HTML-Code:<!-- indexer::stop -->
<div class="mod_banner">
<div class="banner_flash block" style="height:90px; width:728px;">
<a href="banner_clicks.php?bid=1" target="_blank" > <span id="swf_63663_1">
tl_files/html/flashbanner/728x90.swf<br /><br />Top Banner728x90
</span>
<img src="system/modules/banner/leer.gif" alt="" style="position:relative; margin-top:-90px; left:0; z-index: 10; width:728px; height:90px;" />
</a> </div>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
new Swiff("tl_files/schlagr/html/flashbanner/728x90.swf", {
id: "swf_63663_1",
width: 728,
height: 90,
params : {
allowfullscreen: "false",
wMode: "transparent",
flashvars: ""
}
}).replaces($("swf_63663_1"));
//--><!]]>
</script>
</div>
<!-- indexer::continue -->
Zwischen diesem a href (<a href="banner_clicks.php?bid=1" target="_blank" >) steht ein object Tag. Der den Flashfilm einbindet ????
Das ist nicht das neue Template!
Die object Zeile wird durch den Swiff Aufruf speziell für den erkannten Browser generiert und der Alternate Bereich (alles was innerhalb des span Bereichs liegt) überschrieben.
Ich weiß nicht wo hier der Fehler liegt.
Es wird folgendes Template eingebunden (mod _banner_list_all):
PHP-Code:<!-- indexer::stop -->
test ausgabe
<div class="<?php echo $this->class; ?>"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if (($this->headline) && (!$this->headline_stop)): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<?php foreach ($this->banners as $banner): ?>
<?php if ($banner['banner_pic']) : ?>
<div class="banner_image">
<?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?><img src="<?php echo $banner['src']; ?>"<?php echo $banner['size']; ?> title="<?php echo $banner['banner_comment']; ?>" alt="<?php echo $banner['alt']; ?>" /><?php if ($banner['banner_url']): ?></a><?php endif; ?>
</div>
<div class="banner_name"><?php echo $banner['banner_name']; ?></div>
<?php endif; ?>
<?php if ($banner['banner_flash']) : ?>
<div class="banner_flash block" style="height:<?php echo $banner['swf_height']; ?>px; width:<?php echo $banner['swf_width']; ?>px;">
<?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?>
<span id="swf_<?php echo $banner['swf_id']; ?>">
<?php echo $banner['swf_src']; ?><br /><?php echo $banner['banner_comment']; ?><br /><?php echo $banner['alt']; ?>
</span>
<img src="system/modules/banner/leer.gif" alt="" style="position:relative; margin-top:<?php echo "-".$banner['swf_height']; ?>px; left:0; z-index: 10; width:<?php echo $banner['swf_width']; ?>px; height:<?php echo $banner['swf_height']; ?>px;" />
<?php if ($banner['banner_url']): ?></a><?php endif; ?>
</div>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
new Swiff("<?php echo $banner['swf_src']; ?>", {
id: "swf_<?php echo $banner['swf_id']; ?>",
width: <?php echo $banner['swf_width']; ?>,
height: <?php echo $banner['swf_height']; ?>,
params : {
allowfullscreen: "false",
wMode: "transparent",
flashvars: ""
}
}).replaces($("swf_<?php echo $banner['swf_id']; ?>"));
//--><!]]>
</script>
<?php endif; ?>
<?php if ($banner['banner_text']) : ?>
<div class="banner_text">
<div class="banner_text_name"><?php if ($banner['banner_url']): ?><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php endif; ?><?php echo $banner['banner_name']; ?><?php if ($banner['banner_url']): ?></a><?php endif; ?></div>
<div class="banner_text_comment"><?php echo $banner['banner_comment']; ?></div>
<?php if ($banner['banner_url']): ?><div class="banner_text_url"><a href="banner_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> ><?php echo $banner['banner_url_kurz']; ?></a></div><?php endif; ?>
</div>
<?php endif; ?>
<?php if ($banner['banner_empty']) : ?>
<div class="banner_empty">
<!-- <?php echo $banner['banner_name']; ?> -->
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<!-- indexer::continue -->
Ja, das ist das alte.
liegen vielleicht noch banner Templates in /templates bzw. im Templateverzeichnis des Themes?
Caches gelöscht?
Ich habe die Datei aus dem Templateordner aus Deinem neuen Verzeichniss im Editor geöffnet und den Quellcode kopiert.
Liegt vielleicht eine falsche Version unter https://github.com/BugBuster1701/banner/tree/2.2.0_beta ?
und wohin kopiert?
es gibt 3 Templates, tpl für 2.9, xhtml und html5 für 2.10, je nach Contao Version und eingestelltem Formates musst du die richtige von den dreien anpassen zum Test.
Hier
https://github.com/BugBuster1701/ban...list_all.xhtml
ist zum Beispiel an dieser Zeile 24 zu erkennen das es das neue ist:
PHP-Code:if(Browser.Plugins.Flash.version > 6) {
Ich habe mr die Dateien über den Downloadlink als zip-File herunter geladen. Vielleicht lag da der Fehler.
So, mein Quelltext sieht jetzt so aus. Auf dem iPad wird aber leider kein Bild angezeigt.
HTML-Code:<!-- indexer::stop -->
<div class="mod_banner">
<div class="banner_flash block" style="height:90px; width:728px;">
<a href="banner_clicks.php?bid=1" target="_blank" > <span id="swf_40909_1">
</span>
<img src="system/modules/banner/leer.gif" alt="" style="position:relative; margin-top:-90px; left:0; z-index: 10; width:728px; height:90px;" />
</a> </div>
<script type="text/javascript">
/* <![CDATA[ */
if(Browser.Plugins.Flash.version > 6) {
new Swiff("tl_files/schlagr/html/flashbanner/728x90.swf", {
id: "swf_40909_1",
width: 728,
height: 90,
params : {
allowfullscreen: "false",
wMode: "transparent",
flashvars: ""
}
}).replaces($("swf_40909_1"));
}
/* ]]> */
</script>
</div>
<!-- indexer::continue -->
Die PHP Datei ModuleBanner.php hast du auch überschrieben? Die hat sich ja auch geändert.
Super. Jetzt geht es. Vielen Dank für Deine Gedult.
Warum waren in dem zip Archiv die falschen Dateien enthalt?
Wenn du auf donwload gehst und dort das zip lädst, sieht mn diese URL
https://github.com/BugBuster1701/banner/zipball/master
das "master" ist der Hauptbranch, so wie "trunk" bei svn.
Wenn du rechts auf den branch 2.2.0_beta umschaltest, zeigt links der ZIP Button korrekt auf die Beta:
https://github.com/BugBuster1701/ban...all/2.2.0_beta