Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 2
Seite [1]
der_kasperle


Try to beat me





Beiträge: 126
# Thema - 01.09.2009 um 18:41 Uhr
Hallo Leute, ich hab da mal ein Problem.

Die Neuste Version natürlich. Ich habe mir in eine Box eine Sliede Show eingebunden. Als Bsp. sind 5 Bilder eingefügt mit einem Text und Transparenten hintergrund. Funktioniert soweit ohne Probleme.

Nur eins. Wenn ich auf die Galerie gehe laufen die Bilder nach links nicht ab, sondern sind untereinander angeordnet ohne das sich was tut ( sihe Bild ). Woran kann das denn liegen.

Zum Code:
mehr... +-


<div id="page-wrap">

<div class="slider-wrap">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel 1">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 1<a href="http://.com">Link</a><br />
<span>Text 1</span> </div>

</div>
</div>
<div class="panel" title="Panel 2">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-2.jpg" alt="temp" />
<div class="photo-meta-data"> Text 2<br />
<span>Text 2</span> </div>

</div>
</div>
<div class="panel" title="Panel 3">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 3<a href="http://.com">Link</a><br />
<span>Text 3</span> </div>

</div>
</div>
<div class="panel" title="Panel 4">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 4<a href="http://.com">Link</a><br />
<span>Text 4</span> </div>

</div>
</div>
<div class="panel" title="Panel 5">
<div class="wrapper"> <img src="/templates/clansphere/images/slider/tempphoto-1.jpg" alt="temp" />
<div class="photo-meta-data"> Text 5<a href="http://.com">Link</a><br />
<span>Text 5</span> </div>

</div>
</div>

</div>
</div>
</div>




Java Script:

mehr... +-
<script type="text/javascript" src="/templates/clansphere/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/templates/clansphere/js/jquery-easing-1.3.pack.js"></scrip t>

<script type="text/javascript" src="/templates/clansphere/js/jquery-easing-compatibility.1.2.pack.js" ></script>
<script type="text/javascript" src="/templates/clansphere/js/coda-slider.1.1.1.pack.js"></scrip t>

<script type="text/javascript">

var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function(cur){
clearInterval(theInt);

if( typeof cur != 'undefined' )
curclicked = cur;

$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');

theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 6 == curclicked )
curclicked = 0;

}, 3000);
};

$(function(){

$("#main-photo-slider").codaSlider();

$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");

$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
} ) ;

theInterval( ) ;
} ) ;
</script>


Bild:

mehr... +-


PS: Es gibt noch eine css datei die für die Größe usw zuständig ist.


------------------
mfg der_kasperle
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 1 - 01.09.2009 um 18:53 Uhr
hi,

sowas sieht man viel besser mit link.


gruß
duRiel


Inaktiv
|
der_kasperle
Thread-Ersteller


Try to beat me





Beiträge: 126
# Antwort: 2 - 01.09.2009 um 18:54 Uhr

Hat sich erledigt.


------------------
mfg der_kasperle


Zuletzt editiert von der_kasperle am 04.09.2009 um 12:20 Uhr (2x Editiert)
Inaktiv
|

Dieses Thema wurde von sgraewe ClanSphere Team PM geschlossen.

Antworten: 2
Seite [1]