mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 12:45 Benutzername: Passwort: Auto-Login

Thema: slimbox + horizontale slidebar vom 25.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> slimbox + horizontale slidebar
Autor Nachricht
caZpa
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 25.06.2007 11:02
Titel

slimbox + horizontale slidebar

Antworten mit Zitat Zum Seitenanfang

hallo

ich benutze für eine galerie die allseitsbeliebte slimbox
jetzt will ich die bilder in einem horizontalen slider unterbringen
ich hab das versucht mit Carousel und jQuery Carousel

mit ersterem passiert gar nichts... also man klickt auf den link und es tut sich nichts
mit dem zweiten öffnet sich das bild, allerdings nicht mit slimbox

hat jemand eine lösung für das problem
oder kennt andere slider?


Zuletzt bearbeitet von am Mo 25.06.2007 11:02, insgesamt 1-mal bearbeitet
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 25.06.2007 11:40
Titel

Antworten mit Zitat Zum Seitenanfang

Mootools bietet dir doch auch slider, warum dann noch ein anderes Framework
wie JQuery zusätzlich nutzen?

http://demos.mootools.net/Slider


Allerdings sind die Carousel Demos nicht erreichbar und ich denke dabei dreht
es sich um was anderes wenn ich mich richtig errinnere.

Du willst etwas wie das hier http://prototype-carousel.xilinus.com/ ?


Zuletzt bearbeitet von m am Mo 25.06.2007 11:41, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
caZpa
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 25.06.2007 11:52
Titel

Antworten mit Zitat Zum Seitenanfang

http://prototype-carousel.xilinus.com/
ja genau das ist es!
ist ja auch auf
http://www.ajaxdaddy.com/

es funktioniert auch soweit. nur halt nicht mehr die slimbox
wird wahrscheinlich an den verschiedenen frameworks liegen
allerdings sind meine ajax/js programmierkenntnisse nicht so gut
das selber im mootool zu programmieren
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 25.06.2007 12:09
Titel

Antworten mit Zitat Zum Seitenanfang

Versuch es mal damit: http://zend.lojcomm.com.br/icarousel/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
caZpa
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 25.06.2007 12:15
Titel

Antworten mit Zitat Zum Seitenanfang

danke!!

auf die idee das sich die beiden frameworks behindern wär ich so schnell nicht gekommen.
ich benutze jetzt lighbox2 aus dem prototype fw und es klappt!

icarousel probier ich auch mal aus
 
gotoAndPlay

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 26.06.2007 23:16
Titel

Antworten mit Zitat Zum Seitenanfang

Mhh...

irgendwas mach ich falsch.
Ich versuch folgendes Script einzubauen:
http://zend.lojcomm.com.br/icarousel/example3.asp

Bei mir werden die Bilder aber unter einander angezeigt und nicht nebeneinander.

Mein Quelltext, mit Platzhaltern für die Bilder:

Code:
<head>
<script type="text/javascript">
   
window.addEvent("domready", function() {
   //new Accordion($$(".accordion_toggler"), $$(".accordion_content"));

   dp.SyntaxHighlighter.HighlightAll("usage");

   new iCarousel("example_3_content", {
      idPrevious: "example_3_previous",
      idNext: "example_3_next",
      idToggle: "undefined",
      item: {
         klass: "example_3_item",
         size: 86
      },
      animation: {
         duration: 250,
         amount: 4
      }
   });
});
   
      </script>
      
      
      
   <style>

      
      
      /* example_3 css */
#example_3 {
   position: relative; /* important */
   overflow: hidden; /* important */
   width: 470px; /* important */
   height: 180px; /* important */
   margin: 0 85px;
   background: #000;
}

#example_3_frame {position: relative}
#example_3_previous {float: left;}
#example_3_next {float: right;}
#example_3_content {
   position: absolute;
   top: 0;
   margin-left: 20px;
}

#example_3_content
#example_3_content li {
   list-style: none;
   margin: 0;
   padding: 0;
}
   #example_3_content {
      width: 5418px;
   }
   #container_bd #example_3 ul li {
      display: block;
      float: left;
      margin: 5px;
      padding: 5px;
      border: 1px solid #666;
      background-color: #000;
   }

#container_bd #example_3 ul li img {
   display: block;
}
      

      </style>         
      
</head>
  <body>
  <div id="example_3">
         <ul id="example_3_content">
             #wiederholung#
         <li class="example_3_item">
       #bild#
         </li>
           #wiederholung#
           </ul> 

     <div id="example_3_frame"> 
         <img id="example_3_previous" src="../../img/ex3_previous.gif" alt="move previous" /> 
         <img id="example_3_next" src="../../img/ex3_next.gif" alt="move next" /> 
     </div> 
 </div> 
               
</body>


Hat jemand ne Idee was ich für nen Fehler gemacht habe?


Zuletzt bearbeitet von gotoAndPlay am Di 26.06.2007 23:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Website und Slimbox testen
Slimbox macht Probleme im IE6
Slimbox Textfarbe abändern
Slimbox Textfarbe abändern
Slimbox + FF = Weisses Bild ?
Slimbox Galerie mit einem Vorschaubild
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.