Accordeon

[matp]

Hi,

habe 2-3 Fragen zu einer Accordeon Funktion:

1. Beim einstieg in die Seite sollten alle Accordeos geschlossen sein (Hier ist das 1. immer offen) http://mmobil.hobbit.ilongo.at/de/ge...sortiment.html

2. Sollte das Accordeon dann so aufgebaut sein wie in Screenshot "site1.jpg" hat jemand vl. eine Idee wie man das am besten macht??
site1.jpg

3. Sollte das Bild im Accordeon dann so klickbar sein und mir Bild vergrpößern dann sollte die Lightbox aufgehen wie in Screenshot "site2.jpg" und in der Lightbox sollten 3-4 Bilder zum durchklciken sein
site2.jpg

über eine Lösung oder über eine Idee wäre ich sehr froh

nice greetz matp

[tomsky]

zu 1:

http://www.contao.glen-langer.de/Akk...ul_Closed.html

[schman]

zu 2.

Du legst einfach beim Artikel ein Accordeon Anfang und Ende an, und dazwischen kannst du weitere Elemente (Text mit Bild) anlegen.

[matp]

Hi,

super danke euch 2

habe noch eine Frage und zwar bei der Slideshow 2 ist es Möglich eine Lightbox zu machen wenn man auf das Bild draufklickt??

hier mein code:
vl. mit rel="lightbox" aber wo einsetzten???

<?php // nivoslider
if(strpos($this->class,'nivo')): ?>

<?php
// get all images
$this->import('Database');
$objSlideshowElements = $this->Database->prepare('SELECT * FROM tl_slideshow2_elements WHERE pid=? ORDER BY sorting')
                ->execute($this->id);
if($objSlideshowElements->numRows < 1)
{
    return '';
}
$arrImages = deserialize($objSlideshowElements->fetchEach('src'));


// include jquery and nivoslider script
#$GLOBALS['TL_JAVASCRIPT'][] = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'; 
$GLOBALS['TL_JAVASCRIPT'][] = 'plugins/jquery/1.8.2/jquery.min.js'; 
$GLOBALS['TL_JAVASCRIPT'][] = 'plugins/nivo-slider/jquery.nivo.slider.js';
$GLOBALS['TL_CSS'][]         = 'plugins/nivo-slider/nivo-slider.css';
$GLOBALS['TL_HEAD'][] = '<script>$.noConflict();</script>';

?>

<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?><<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>><?php endif; ?>

<div id="show_<?php echo $this->id; ?>" class="slideshow">
<?php foreach($arrImages as $src): ?>
<?php 
// handle folders
if(!strpos('.',$src))
{
    $arrFiles = array();
    $handler = opendir($src);
    while($file = readdir($handler))
    {
        if($file != '.' && $file != '..')
        {
            $arrFiles[] = $src . '/' . $file;
        }
    }
    
    foreach($arrFiles as $src)
    {
        $strImage = sprintf('<img src="%s" />', $src);
        echo $strImage;
    }
}
else
// single images
{
    $strImage = sprintf('<img src="%s" />', $src);
    echo $strImage;
}

?>    
<?php endforeach; ?>
</div>

</div>


<?php // default slideshow2 
else: ?>
<?php
// Add slideshow2 js and css files to head
$GLOBALS['TL_JAVASCRIPT'][] = 'plugins/slideshow2/js/slideshow.js';
if ($this->js_effect) $GLOBALS['TL_JAVASCRIPT'][] = $this->js_effect;
$GLOBALS['TL_CSS'][] = 'plugins/slideshow2/css/slideshow.css|screen';
?>
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?><<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>><?php endif; ?>

<div id="show_<?php echo $this->id; ?>" class="slideshow">
<?php if ($this->fullsize): ?><a rel="lightbox" href="<?php echo $this->element['src']; ?>"><?php endif; ?>
    <img src="<?php echo $this->element['src']; ?>" width="<?php echo $this->element['img_size'][0]; ?>" height="<?php echo $this->element['img_size'][1]; ?>" alt="<?php echo $this->element['alt']; ?>"/>
<?php if ($this->fullsize): ?></a><?php endif; ?>
</div>

</div>

<?php endif; ?>

greetz

[Messa]

das ist ja nicht so schwer
Einfach ein Template erstellen
Slidehsohow 2
dann suchen wo das Bild geladen wird
<img src="<php ..... ?>"
dort dann ein <a> davor
und rel="lightbox[<php...hier würde ich einen Wert der Slideshow verwenden> >]" rein + href="<php....?>" <- hier das gleiche wie beim img src.
Und das </a> nicht vergessen

lg

lg Matthias