[GELÖST] Simplex Teaser - Intervall der Bilder verändern

balotelli45 · 03. August 2012 09:57

Guten morgen zusammen,

Ich verwende CMSms in der Version 1.11-beta4, mein Server läuft unter Linux mit Apache 2.0, PHP 5.2.17 und MySQL 5.5.25, die phpinfo findet ihr hier: http://simonkell.de/info.php.

Problembeschreibung:
Der Teaser, der im Simplex-Theme enthalten ist (banner-image), wechselt mir zu schnell. Meine Frage an euch: Wo genau kann ich den Intervall einstellen, in dem die Bilder wechseln?
Habe schon das Template und das Stylesheet durchforstet und diverse Suchmaschinen bemüht, finde allerdings nichts, wo das Problem erläutert oder auch nur erwähnt ist.

Vielen Dank im voraus für eure Hilfe

Liebe Grüße
Simon

nockenfell · 03. August 2012 12:42

In folgender Datei kannst du dazu die Einstellung machen:
http://simonkell.de/uploads/simplex/js/functions.js

Hier klicken, um den Code zum Kopieren zu markieren

setInterval(function () {
        $('.banner-image > div:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('.banner-image');
    }, 6000);

Verändern musst du den Wert 6000 (wenn ich mich nicht täusche)

--> Beachte, dass du im Template (kurz vor dem </body> Tag) die minimierte Version der functions.js eingebunden hast. Wenn du also in der functions.php die Änderung vornimmst, musst du diese danach auch einbinden oder die Änderung in der minimierten Version functions.min.php vornehmen.

balotelli45 · 17. August 2012 00:23

Super, vielen herzlichen Dank! smile

hatte privat viel Stress und konnte deswegen nicht mehr dran rumprobieren...

Eine Frage hab ich noch... Ist es möglich (wenns nicht zu kompliziert ist), dass die Bilder random-mäßig angezeigt werden? Wenn ich jetzt auf eine Unterseite klicke, startet die Diashow ja wieder von vorne... Wäre cool wenn sich die Reihenfolge ändern würde, damit ein "sich durchklickender Besucher", nicht immer die gleichen Bilder sieht...

Vielen Dank im voraus schonmal

Liebe Grüße

nockenfell · 17. August 2012 05:09

Das könntest du mit einem UDT lösen. Hier ein Beispiel das ich mal auf einer Seite verwendet habe:

Hier klicken, um den Code zum Kopieren zu markieren

	session_start();
	$pfad = "/template/images/crossslide";
	$head = array(
			'bildausschnitt-01.jpg', 
			'bildausschnitt-03.jpg',
			'bildausschnitt-04.jpg', 
			'bildausschnitt-07.jpg', 
			'bildausschnitt-08.jpg', 
			'bildausschnitt-09.jpg', 
			'bildausschnitt-10.jpg'
			);
	

	while(true) {
		shuffle($head);
		if ($head[0] != $_SESSION['headbild']) break;
	}
	
	$bilderlist = "";

	$_SESSION['headbild'] = $head[0];
	
	for ($i=0;$i<count($head);++$i) {	
		$bilderlist .= "\r\n\t{ src: '".$pfad."/".$head[$i]."' }";
		if ($i < (count($head)-1)) $bilderlist .= ",";
	}
	
	echo "<script type='text/javascript'>
	jQuery(function() {
	jQuery('#headslide').crossSlide({
		sleep: 5,
		fade: 1
	}, [";
    echo $bilderlist;
    echo "\r\n	]);
	});
</script>";

Es kommt natürlich darauf an, welche Art der Einbindung der Slider hat (habe ihn gerade nicht mehr gefunden auf deiner Webseite). Je nach dem musst du wie oben im Script ein Javascript mit den Bildern ausfüllen oder eine <ul><li></li></ul> Liste.

balotelli45 · 20. August 2012 00:58

Eingebunden werden die Bilder direkt im Theme:

Hier klicken, um den Code zum Kopieren zu markieren

{assign var='teaser' value='uploads/simplex/teaser/*.jpg'|glob}
{foreach from=$teaser item='one'}
<div><img src='{root_url}/{$one}' width='852' height='100' alt='' /></div>
{/foreach}

Prinzipiell verstehe ich auch grundlegend, was da passiert, ich weiß aber nicht, wie ich da das JS einbinden soll. Foreach impliziert ja eine Schleife, die nach einem festen Muster abläuft, welches durch glob vorgegeben wird. Wo krieg ich denn da die Zufälligkeit in der Abfrage der Dateinamen rein?
Bei den UDT's muss ich ganz ehrlich zugeben, dass ich da noch nie mit gearbeitet hab, vermute aber mal, dass ich da das Script hinterlegen kann und dann mit Smarty auf den UDT zugreifen kann? Dann müsste ich ja gar nicht so sehr am Skript arbeiten, sondern könnte direkt deins reinbasteln, wenn ich die Variablen reingepackt hab.

Vielen Dank nochmal für deine Mühe

Liebe Grüße

nockenfell · 20. August 2012 04:47

Hier klicken, um den Code zum Kopieren zu markieren

{assign var='teaser' value='uploads/simplex/teaser/*.jpg'|glob}
{capture}{$teaser|@shuffle}{/capture} 
{foreach from=$teaser item='one'}
<div><img src='{root_url}/{$one}' width='852' height='100' alt='' /></div>
{/foreach}

Siehe http://www.i-do-this.com/blog/7/Show-it … rty-arrays

balotelli45 · 20. August 2012 15:22

Hi,

das funktioniert super! smile

Vielen Dank noch einmal für die ausführliche und schnelle Hilfe!

Liebe Grüße

Forum für CMS/made simple

#1 03. August 2012 09:57

[GELÖST] Simplex Teaser - Intervall der Bilder verändern

#2 03. August 2012 12:42

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

#3 17. August 2012 00:23

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

#4 17. August 2012 05:09

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

#5 20. August 2012 00:58

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

#6 20. August 2012 04:47

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

#7 20. August 2012 15:22

Re: [GELÖST] Simplex Teaser - Intervall der Bilder verändern

Fußzeile des Forums