• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilderkarusell

Zhein

Neues Mitglied
Wie kann ich ein Bilder karusell bauen,das die Bilder die ich in der Kat. Exklusive Modelle einfüge sich drehen, wie auf dem Jahrmarkt.


HP läuft mit Joomla und sobi2
 
Dafür gibt es imho Flash-Anwendungen mit denen das möglich ist. Oder auch JavaScripts. Mit HTML alleine geht das definitiv nicht.
 
Habe ja schon eins, aber das gefällt mir nicht.

Und ich finde das Horizental css. auch nicht.


.jvcarousel{ position:absolute;}.jvcarousel div{ }.jvcarousel-slide{ float:left; overflow:hidden;}.jvcarousel_frame{ position:relative; overflow:hidden;}.jvcarousel-item{ float:left; margin:10px; padding-right:5px; font-size: 11px; font-family: Arial,Tahoma,Helvetica,sans-serif; line-height: 18px; width: 137px !important; text-align: center; margin-top: 0px; }.jvcarousel-item div{ float: left;}.jvcarousel_mtitle{ font-size:14px; color: #555555; text-align: center; width: 152px; /* float:left;*/ }
.mod_jv_sobi2tools .jvcarousel_title{ display:block; float: left; line-height:20px; margin-bottom: 11px; margin-top: -7px; }.mod_jv_sobi2tools span{ color:#2A2A2A; font-size:15px; margin-top:2px;}.mod_jv_sobi2tools span .jvcarousel_subtitle{ padding-top:3px; }.jvcarousel-item img
{
border: none; margin:0; width: 120px; height: 177px;}.mod_jv_sobi2tools .readmore{ height:20px; display:block; width: 100%;/* float: none;*/}.mod_jv_sobi2tools a {color:#3B5468;text-decoration:none;}.mod_jv_sobi2tools a:hover, a:focus{ color:#000000; text-decoration:underline;}
.jvcarousel-item p
{
margin: 0;
}
.handles
{
float: left;
margin:10px 0 0 0px;
}
.handles .handles_item
{
background:#668B00 none repeat scroll 0 0;
color:#668B00;
cursor:pointer;
float:left;
height:10px;
line-height:10px;
margin:0 5px 0 0;
overflow:hidden;
text-indent:-999em;
width:10px;

}
.jvcarousel-pagi
{
float: right;
}
.mod_jv_sobi2tools .prev
{
float: left;
margin:0 5px 0 0;
cursor:pointer;
display: block;
}
.prev img
{
display: block;

}
.next
{
float: left;
margin:0 0 0 5px;
cursor:pointer;
display: block;
}
.next img
{
display: block;
}
.handles span.active
{


background:#EE8D00 none repeat scroll 0 0;
color:#EE8D00;

}
 
Kannst Du bitte Code-Tags verwenden wenn Du Code im Forum postest? Ist dann besser lesbar.

Bei dem Code hier kann ich leider überhaupt keinen Zusammenhang erkennen. Da fehlt der HTML-Code dazu, und ich vermute auch JavaScript. Ideal wäre wenn Du mal einen Link zu einer Beispiel-Seite posten könntest wo man das sehen kann.

Und: du hättest auch gleich sagen können, dass Du schon etwas hast.
 
Code-Tags, was ist das ?

auf der Seite habe ich es -entfernt-


Hier meine Seite -entfernt-

EDIT: Link auf erotische Inhalte entfernt. - threadi
 
Zuletzt bearbeitet von einem Moderator:
HTML Template

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/helmer/css/template.css" type="text/css" />
</head>

<body>
<?php
echo 'Ihre IP ist: '.$_SERVER['REMOTE_ADDR'];
?>
<div id="container">

</div>





<div id="menu_oben">
<jdoc:include type="modules" name="menu_oben" style="xhtml" />
</div>


<img src="http://www.brd-modelle.de/images/banners/11.jpg" width=550 height=150/>







</div>
<div id="navigation" class="navigation a">
<jdoc:include type="modules" name="navigation" style="xhtml" />
</div>

<?php
$css_suffix = 'full';
if ($this->countModules( 'left' )) {
$css_suffix = 'small';
}
?>
<div id="content_container-<?php echo $css_suffix; ?>">
<?php
$css_suffix = 'full';
if ($this->countModules( 'left' )) {
$css_suffix = 'small';
}
?>
<?php if($this->countModules('left')) : ?>
<div id="left_container">
<div id="left_oben"></div>
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="left_unten"></div>
</div>
<?php endif; ?>
<?php if($_REQUEST['view']=="frontpage") : ?>
<div id="frontpage-<?php echo $css_suffix; ?>">
<div id="box1">
<jdoc:include type="modules" name="box1" style="xhtml" />
</div>
<div id="box2">
<jdoc:include type="modules" name="box2" style="xhtml" />
</div>
<div id="box3">
<jdoc:include type="modules" name="box3" style="xhtml" />
</div>
<div id="box4">
<jdoc:include type="modules" name="box4" style="xhtml" />
</div>
<div id="banner1">
<jdoc:include type="modules" name="banner1" style="xhtml" />
</div>
<div id="banner2">
<jdoc:include type="modules" name="banner2" style="xhtml" />
</div>
<div id="banner3">
<jdoc:include type="modules" name="banner3" style="xhtml" />
</div>
<div id="banner4">
<jdoc:include type="modules" name="banner4" style="xhtml" />
</div>
<div id="banner5">
<jdoc:include type="modules" name="banner5" style="xhtml" />
</div>
<div id="banner6">
<jdoc:include type="modules" name="banner6" style="xhtml" />
</div>
<div id="banner7">
<jdoc:include type="modules" name="banner7" style="xhtml" />
</div>
<div id="banner8">
<jdoc:include type="modules" name="banner8" style="xhtml" />
</div>

</div>
<?php endif; ?>
<?php if($_REQUEST['view']!="frontpage") : ?>
<div id="content-<?php echo $css_suffix; ?>">
<jdoc:include type="message" style="xhtml"/>
<jdoc:include type="component" style="xhtml" />

</div>
<?php endif; ?>
</div>
</div>
<div id="footer">
<div id="footer_container">
<div id="footer_text">COPYRIGHT 2009 BRD-MODELLE.DE
</div>
</div>
</div>
</body>
</html>
 
Damit meine ich den Code der von deinem Browser beim Betrachten geladen wird und auf dem jegliche Anzeige im Browser basiert.
 
HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" debug="true"><head><script src="chrome-extension://bmagokdooijbeehmkpknfglimnifench/googleChrome.js"/><body>Ihre IP ist: 188.97.74.248<div id="container"/><div id="menu_oben"><div class="moduletable"></div><img src="http://www.brd-modelle.de/images/banners/11.jpg" width="550" height="150/"/><div id="navigation" class="navigation a"/><div id="content_container-small"><div id="left_container"><div id="frontpage-small"></div><div id="footer"><div id="footer_container"></div></body></html>
 
Zuletzt bearbeitet:
Zurück
Oben