hi.
ist es möglich statt den "next" und "prev" buttons die nummern der bilder als link unter dem slider darzustellen damit man zu den bildern gezielt springen kann?
Druckbare Version
hi.
ist es möglich statt den "next" und "prev" buttons die nummern der bilder als link unter dem slider darzustellen damit man zu den bildern gezielt springen kann?
Hallo,
das ist so mit dem Imageslider nicht möglich, außer du baust in ein wenig um.
Siehe Beispiel 5.
Du könntest es aber mal mit einem Contentslider probieren z.B. mit dem Noobslider.
Hallo,
der Eintrag ist zwar schon ein paar Tage alt aber ich hab's jetzt erst gesehen.
Ich habe den Imageslider vor einiger Zeit mal umgebaut, so daß er Javascript-Code ausgibt um die Bildnummern anzuzeigen und klickbar zu machen. Allerdings in einer älteren Version.
Hier zwei Beispiele:
http://www.andreas-gerzer.de
http://www.lehmbau-gaertner.de
Im Prinzip nur ein paar Änderungen in der ContentImageslider.php und ModuleImageslider.php.
So ca. mitten im Script einfügen:
und ein Stück weiter unten erweitern:PHP-Code:$walk['init_1'] = "var myImgCount = document.getElementById('elements" . $objSettings->id . "').getElementsByTagName('img').length;";
$walk['init_2'] = "var myImgNavi = 'Bild: ';";
$walk['init_3'] = "for(var i = 1; i <= myImgCount; i++) myImgNavi = myImgNavi + '<a>' + i + '<\/a>';";
$walk['init_4'] = "document.getElementById('handles').setAttribute('id','handles" . $objSettings->id . "');";
$walk['init_5'] = "document.getElementById('handles" . $objSettings->id . "').innerHTML = myImgNavi;";
$walk[1] = "onWalk: function(current_index){
handles" . $objSettings->id . ".removeClass('active');
handles" . $objSettings->id . "[current_index].addClass('active');
}";
$walk[2] = "var handles" . $objSettings->id . " = $$('#handles" . $objSettings->id . " a');";
$walk[3] = "handles" . $objSettings->id . ".each(function(el,i){el.addEvent('click',V" . $objSettings->id . ".walk.bind(V" . $objSettings->id . ",[i,true]));});";
$walk[4] = "handles" . $objSettings->id . "[0].addClass('active');";
PHP-Code:$GLOBALS['TL_HEAD'][] = "<script type=\"text/javascript\">
<!--//--><![CDATA[//><!--
window.addEvent('domready',function()
{
//is-js-start
var V" . $objSettings->id . " = new viewer( $$('#elements" . $objSettings->id . " img)' ),
{
sizes: {w:" . $arrImageslider[0] . ",h:" . $arrImageslider[1] . "},
mode: 'rand',
modes: [" . $EffectType . "],
fxOptions:{ duration: " . $objSettings->effect_duration . " " . $EffectsExtended . " },
interval: " . $objSettings->rotation_interval . ",
" . $walk[1] . "
});
$play
$walk[init_1]
$walk[init_2]
$walk[init_3]
$walk[init_4]
$walk[init_5]
$walk[2]
$walk[3]
$walk[4]
//is-js-end
});
//--><!]]>
</script>";
Grüzli - Andi
Hallo Andi,
danke für das Beispiel! :)
Ich werde es mal nach oben stellen.
Grüße Sabri
Vielen Dank für diese Lösung, die ich gerade haargenau so für ein Projekt benötige :)Zitat:
Im Prinzip nur ein paar Änderungen in der ContentImageslider.php und ModuleImageslider.php. So ca. mitten im Script einfügen:
Ist es möglich die Anweisung etwas zu konkretisieren? Ich stehe etwas hilflos da wenn ich lese: "so ca. mitten im Script einfügen". Außerdem geht auch nicht draus hervor welche Codezeilen in die ContentImageslider.php und welche in die ModuleImageslider.php gehören.
Herzlichen Dank!
Gruß, David
Hallo David,
ich habe die mal die Zeilen rausgesucht wo du es einfügst, für das Contentelement.
Für das Modul ist es ähnlich nur die Zeilenummern können varieren.
1. Block oberhalb von Zeile 292
2. Block innerhalb der beiden Klammern der Abfrage
PHP-Code:/* Add CSS to Head */
if ($JSAdded)
{
$GLOBALS['TL_HEAD'][$JSArrayPos] = str_replace('/*is-js-end*/', '/*is-js-end*/
/*is-js-start*/
' . $strTplJS . '
/*is-js-end*/',
$GLOBALS['TL_HEAD'][$JSArrayPos]);
}
else
{
$GLOBALS['TL_HEAD'][] = "<script type=\"text/javascript\">
<!--//--><![CDATA[//><!--
window.addEvent('domready',function()
{
/*is-js-start*/
" . $strTplJS . "
/*is-js-end*/
});
//--><!]]>
</script>";
}
Wunderbar! Herzlichen Dank! :)Zitat:
Zitat von Schlauchbeutelmaschine
Servus,
jetzt steh ich etwas am Schlauch. Welcher Code muss jetzt wo eingefügt werden? Der von wingover oder Schlauchbeutelmaschine? :)
Letzteres hab ich in die ModuleImageslider.php an 292 gesetzt...ändert aber nix :(. Brauche aktuell für ein Projekt ebenfalls eine Nummerierung statt "prev, next". Wäre das nicht über das Template mod_imageslider.tpl möglich? Hier kommt doch sicher auch die Anzahl der Bilder an oder? Das wäre dann quasi auch updatesicher!
Gruß
Hallo!
ich werde mir das bei Gelegenheit nochmal anschauen
und dir Feedback geben.
Grüße Sabri
Danke. Ich habe inzwischen den Noobslider verwendet. Der bietet genau diese Option. Trotzdem könnte/sollte der Imageslider diese Funktion auch haben :)