Wechselnde Bilder im Header und wechselnde Header

[dbs]

Ich setze auf der gleichen Seite jQueryAdmin ein und weiss nicht, ob sich die beiden in die Quere kommen. (zweimaliger jQuery-Aufruf?)

Du lässt einfach den Aufruf von jQuery weg der bei DynamicDrive aufgeführt ist, da du es schon durch jQueryAdmin lädst.

[BlackBird]

Der einzige Nachteil ist, dass bei deaktiviertem Javascript alle Bilder untereinander angezeigt werden.

Das sollte man mit einer geschickten Kombination aus CSS und JS aber auch hinkriegen.

[bakerling]

@dbs
Danke für Deine Antwort. Ich dachte, der Aufruf erfolgt nur, wenn ich ein plugin über JQA einsetze.
Gut zu wissen, dass dem nicht so ist.

@blackbird
Wie Du bei oben-stehendem Problem siehst, bin ich nicht von der hellsten Truppe. CSS da kenne ich mich gut aus, aber bei Javascript gibt's bei mir nur staunende Augen Mehr als copy&paste und Einstellungen verändern habe ich bis jetzt nicht hingekriegt

LG Harry

[BlackBird]

Danke für Deine Antwort. Ich dachte, der Aufruf erfolgt nur, wenn ich ein plugin über JQA einsetze.
Gut zu wissen, dass dem nicht so ist.

Doch, dem ist so.

[BlackBird]

Wie Du bei oben-stehendem Problem siehst, bin ich nicht von der hellsten Truppe. CSS da kenne ich mich gut aus, aber bei Javascript gibt's bei mir nur staunende Augen Mehr als copy&paste und Einstellungen verändern habe ich bis jetzt nicht hingekriegt

Ist eigentlich ganz einfach: Alle Bilder außer dem ersten per CSS verstecken. Das Verstecken dann per jQuery wieder rückgängig machen.

Für Details müßte ich mir allerdings erst genau anschauen, wie der erzeugte HTML-Quellcode aussieht. Dazu hab ich im Moment aber keine Zeit. Vielleicht findet sich ein anderer Spezialist, der da weiterhelfen kann.

[dbs]

Ich dachte, der Aufruf erfolgt nur, wenn ich ein plugin über JQA einsetze.
Gut zu wissen, dass dem nicht so ist.

Hm, klassisches Missverständnis. Du schriebst jQueryAdmin arbeitet schon auf der Seite, ich verstand es wird bereits da geladen wo du den Slider brauchst.

[BlackBird]

Vielleicht nochmal in möglichst klaren Worten:

jQueryAdmin bindet den jQuery Core nicht durch bloße Existenz des Moduls ein. (Wie es bei einem Modul vom Typ "snippet" der Fall wäre.)
Nur dann, wenn eines der beiden Droplets eingebunden ist, wird auch der mitgelieferte jQuery Core geladen. (Version 1.6)

Back2Topic.

[Branky]

Hallo,

ich habe diese Slideshow eingesetzt.


"Es gibt eine Fade-in Slideshow von www.bretteleben.de, die noch einfacher einzubinden ist.
http://www.bretteleben.de/lang-de/javascript/slideshow.html
Hier kann man ein Bild bestimmen, welches der User sieht, wenn er Javascript deaktiviert hat.

Eine schöne Alternative ist auch das Slider Script im Tutorial von erpe
http://www.websitebakers.de/tutorials/topics/slider-im-template.php

LG Harry"


Funktioniert super! Allerdings wenn die Seite neu geöffnet wird, sieht man für einen kurzen Augenblick einen grauen Kasten. Der wird dann von meiner neuen Slideshow überdeckt. Wie bekomme ich den denn weg?

Gruß Branky

[bakerling]

Hallo Branky

Am besten wendest Du Dich direkt an Andreas Berger. Auf http://www.bretteleben.de/lang-de/javascript/slideshow/-slideshow-beispiel-01.html gibt es ganz unten eine Kommentarfunktion die auch für Supportanfragen genutzt wird.
Blättere erstmal die Beiträge durch, vielleicht findest Du so bereits eine Antwort auf Dein Problem. Ich habe übrigens auf www.bretteleben.de beim erstmaligen Laden des Scripts, für einen Bruchteil einer Sekunde, ebenfalls eine graue Fäche gesehen. 
 
Übrigens: für Zitate solltest Du die entsprechende Funktion nutzen (Das Sprechblasen-Icon im Editor) Dein Beitrag wird dann übersichtlicher.

LG Harry

[Branky]

Hi Harry,

danke für den Tip. Werde mich an Andreas Berger wenden.

Übrigens: für Zitate solltest Du die entsprechende Funktion nutzen (Das Sprechblasen-Icon im Editor) Dein Beitrag wird dann übersichtlicher.

 

LG Branky

[CyberDyne]

Hallo,
bei der Suche nach einer geeigneten Lösung zum Austausch verschiedener Grafiken je nach aktiven Bereich in der Kopfzeile habe ich jenes Droplet im Einsatz.

Das funktioniert auch soweit ganz gut, allerdings schaffe ich es nicht das jeweilige Bild durch Verschachtelung zweier DIVs in den Hintergrund zu legen, sobald ich das [[Droplet]] im oberen Container aufrufe, wird die Verschachtelung ignoriert. Kann es sein, dass dies nicht geht, oder mach ich da wo nen Fehler?


Viele Grüße,
Klaus

[CyberDyne]

... habe ich jenes Droplet im Einsatz.

Das funktioniert auch soweit ganz gut, ...

Hallo,
bin immer noch mit jenem Droplet beschäftigt, denn die skallierung der Grafiken scheint "ungenau", weiss nicht, wie ich es anders betiteln soll.

Ich habe mehrere Grafiken im Format PNG, welche alle die selben Abmessungen haben. 80% der Images werden auch auf die im Droplet eingetragenen Abmessungen passend skaliert

Bei wenigen jedoch fehlen am Rand 1, oder 2 px! Ich habe die betreffenden Images auch auf die passende Größe zurecht geschnitten, doch auch dann fehlen da 1, oder 2 px am rechten Rand.

Hat einer ne Ahnung, woran das liegen könnte?

Viele Grüße,
Klaus

[dbs]

eigentlich soll da nichts skaliert werden, da alle grafiken die gleiche größe haben (sollen).
mit gleiche größe ist auch gleichzeitig passend zu den maßen gemeint. hast du das mal versucht?
oder missverstehe ich dich.
wie siehts mit einem link zum problem aus?

[dbs]

Hallo,

ich will nochmal das von Seite1 Antwort#20 aufgreifen, weil es so einfach ist die zukünftigen Unterseiten mit einzubeziehen.
Wie könnte denn in das Droplet noch eine file_exists-Sicherung mit eingebaut werden?

HTML

Code:

<img src="<?php echo TEMPLATE_DIR; ?>/images/[[Droplet]]" border=... />

Droplet

Code:

<?php // b u n t
if ((PAGE_ID)=="1" OR (ROOT_PARENT)=="1") { return "bild1.jpg";}
if ((PAGE_ID)=="6" OR (ROOT_PARENT)=="6") { return "bild2.jpg";}
if ((PAGE_ID)=="9" OR (ROOT_PARENT)=="9") { return "bild3.jpg";}

return "standard.jpg";

Gruß
dbs

[DarkViper]

für genau diesen Zweck gibts in der 2.9 bereits ein passendes Droplet:  [[iParentPageIcon]]

zusätzlich können in der Seitenverwaltung jeder Seite bis zu 3 Bilder zugeordnet werden, die dann per php, droplet und auch in sm2 eingesetzt werden können.
Funktion: existiert für die aktuelle Seite ein Bild, so wird dieses angezeigt. Existiert keines, so wird schrittweise rückwärts bis zum Level 0 gesucht. Das erste gefundene wird benutzt. Wird gar keines gefunden, wird ein default -Bild benutzt.

Ich modifiziere gerade kurz den Code, dann kann das auch in der 2.8 (ohne die extra Bild-Felder) eingesetzt werden.

Benütigt werden im Verzeichnis /templates/mytemplate/images/  die entsprechenden Bilddateien. z.B.: page_1.png, page_2.png, page_55.png  usw..  wobei die Nummer die jeweilige PageID darstellt, sowie ein default.png  oder eben, je nach angegebenem Parameter.

Aufruf:  [[iParentPageIcon?imgtyp=png&prefix=page_&default=default]]

Code: (HTML-Code)

<img src="[[iParentPageIcon?imgtyp=png]]" border=... />

Code: (Droplet (korrigierte Version))

<?php

//:search for image for current page or its parent pages if not found
//:Use: [[iParentPageIcon?imgtyp=png]]
//
// @author: Werner von der Decken
// @param string $imgtyp Extension for images
// @param string $prefix Prefix to use for image files
// @param string $default name of a default image placed in WB_PATH/TEMPLATE/images without extension
// @return: a valid image-URL or empty string
//
global $wb;
// sanitize arguments
$imgtyp = !isset($imgtyp) ? 'jpg' : $imgtyp;
if(!preg_match('/^jpg$|^gif$|^png$/i', $imgtyp)) { $imgtyp = 'jpg'; }
$prefix = !isset($prefix) ? 'page_' : $prefix;
if(preg_match('/[\W-]/i', $prefix)) { $prefix = 'page_'; }
$default = !isset($default) ? 'default' : $default;
if(preg_match('/[\W-]/i', $default)) { $default = 'default'; }

$img_url = TEMPLATE_DIR.'/images/';
$img_path = WB_PATH.'/templates/'.TEMPLATE.'/images/';
$tmp_trail = $wb->page_trail;
$tmp_trail = array_reverse($tmp_trail);
array_walk($tmp_trail,create_function('&$elem','$elem = \''.$prefix.'\'.$elem;'));
$tmp_trail[] = $default; // add default value
foreach($tmp_trail as $name) {
$imgFileURL = $img_url.$name.'.'.$imgtyp;
$imgFilePath = $img_path.$name.'.'.$imgtyp;
if(is_readable($imgFilePath)) {
break;
}else {
$imgFileURL = '';
}
}
return $imgFileURL;

?>

... so, jetzt sollts passen

[dbs]

so funktioniert es jetzt.  

der standardaufruf: [[iParentPageIcon]]
erwartet bilder in der form page_1.jpg und so weiter je nach ID und ein standardbild in der form default.jpg.

der aufruf: [[iParentPageIcon?imgtype=png]]
erwartet page_1.png und default.png

danke dir.

gruß
dbs

edit: für import hänge ich das zip mal ran. (für modul droplets ab 1.51)

[eitel]

Ich fass mir an den Kopp, so einfach geht das. Hätte mir auch vorher, spätestens nach der Verwendung der Konstanten PAGE_ID, ein Licht aufgehen können.
Ich habs jetzt so gelöst, nicht schön aber geht und ich brauch ja nur 3 unterschiedliche Headerbilder.

if ((ROOT_PARENT)=="3"){ return "ID_3.jpg";}
if ((PAGE_ID)=="3"){ return "ID_3.jpg";}

if ((ROOT_PARENT)=="8"){ return "ID_8.jpg";}
if ((PAGE_ID)=="8"){ return "ID_8.jpg";}

if ((ROOT_PARENT)=="5"){ return "ID_5.jpg";}
if ((PAGE_ID)=="5"){ return "ID_5.jpg";}

else {return "Standardbild.jpg";}

Bei mir kommt jetzt bei z.B. 8 das Bild ID_8.jpg    u n d   das Standardbild! Nur bei 5 kommt nur ID_5.jpg
Die else bezieht sich nicht nur auf den letzten "if"!

Ich habe eine ähnliche Kette mit if..elseif..else. Das klappt besser.

[dbs]

was ist daran besser als das?

Code:

<?php // wegen bunt
if ((PAGE_ID)=="8" OR (ROOT_PARENT)=="8") { return "bild3.jpg";}