Slider einfügen ??

D.Fence · 10. Januar 2013

Guten tg wollte mal fragen ob mir jemand dabei helfen kan wie ich diesen slider

http://www.dragondesigns.de/index.php?downloads-show-379

in meine website einbauen kan mit der server viewer drin

wäre echt nice

Grex · 10. Januar 2013

Wo ist da ein Sleider auf der Site?

Canna · 10. Januar 2013

Frag ich mich auch. Ansonsten einfach mal googlen, gibt schon genug vorgefertige Dateien für Slider, die du kinderleicht einbauen kannst.

D.Fence · 10. Januar 2013

Zitat von Grex

Wo ist da ein Sleider auf der Site?

Zitat von Canna

Frag ich mich auch. Ansonsten einfach mal googlen, gibt schon genug vorgefertige Dateien für Slider, die du kinderleicht einbauen kannst.

scrollt einfach mal ganz runter

Canna · 10. Januar 2013

Ich sehe da kein Slider. Mach mal ein Screenshot, was du meinst.

Grex · 10. Januar 2013

Weiß auch ned unter was du einen Slider verstehst, meinst du die Vorschauanzeigen der Bilder?

basdi · 10. Januar 2013

Du meinst den TS Slidebar?

Meatpotato · 10. Januar 2013

er meint die datei die er ausgewählt hat zum downloaden müsst genau hinschauen^^

basdi · 10. Januar 2013

Ja habs gesehen
Hab selbst sowas auf einer Testseite, ich probiere das grad aus uns melde mich nochmal.

D.Fence · 10. Januar 2013

Zitat von Meatpotato

er meint die datei die er ausgewählt hat zum downloaden müsst genau hinschauen^^

danke endlich einer mit gesunden augen xd

Zitat von basdi

Ja habs gesehen
Hab selbst sowas auf einer Testseite, ich probiere das grad aus uns melde mich nochmal.

wäre echt nice wen dus hinbekommst

Bosti · 10. Januar 2013

Meinst du jetzt die Grafik unten? Oder meinst du den Effekt wenn du auf die Grafik klickst?

basdi · 10. Januar 2013

Downloadlink: http://www.semtex-hosting.com/download/ts3_slider.rar

Schritt 1:

PHP

<script type="text/javascript" src="includes/js/jquery.min.js"></script>

Zwischen <head> " </head>

Schritt 2:

PHP

<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 100px;
background:url(images/tsslider/DDvX_Slider.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
<div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;>




(Teamview Code)




      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;
  function changeSlider()
  {
    if(state==1){
        $('#login_slider').animate({width: 40 }, "slow", function(){state = 0;}
        );
      }
    else
        $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
      );
      }
      $('#login_slider').click(function(){
      changeSlider();
    });
      </script>

Alles anzeigen

Dieser muss nach </body> eingefügt werden.

Habe es selbst getestet mit der Image-Datei, muss dann noch px anpassen.
Aber jetzt gehts

Vorschau: http://www.semtex-hosting.com/download/index.php

D.Fence · 11. Januar 2013

[quote='basdi','index.php?page=Thread&postID=1362360#post1362360']<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 100px;
background:url(images/tsslider/DDvX_Slider.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >

(Teamview Code)

da tut sich 0 es passiert nichts nur das bild ist da aber bewegt sich nichtmal

Bosti · 11. Januar 2013

Was fürn Browser verwendest du? DAs ist ja auch falsches HTML, je nach Browser kann er das einfach ignorieren.
Die Rar ins richtige Verzeichnis gepackt? Ansonsten pack mal basdis Schritt 2 direkt vor das

Code

</body>

Außerdem musst du folgendes wohl noch durch den Teamview-Code ersetzen:

Code

(Teamview Code)

basdi · 11. Januar 2013

@D.Fence

Was für eine Software benutzt du?
Ich denk mal das Java nicht funktioniert bzw. nicht eingefügt wurde.

breadfish.de 11. März 2022