Kann das CSS sein?

[Foos]

hallo,
habe auf einer css-seite diese page gefunden:

Jetzt wollte ich einmal fragen, ob wie diese Galerie erstellt ist! Habe das jetzt schon des öfteren gesehen und ging immer davon aus, dass es sich um java oder flash handelt.

Gibt es für so etwas Scripte?

 

[stb_87]

AW: Kann das CSS sein?

Brauchst dir doch nur den Quelltext anzusehen! Da findest du dann das entsprechende JavaScript.

 

[maromedia84]

AW: Kann das CSS sein?

nette idee die galerie....wäre interessant ob sich dass auch nur mit css und html umsetzen lässt

 

[sokie]

AW: Kann das CSS sein?

dinge die sich bewegen, lasen sich mit reinem html/css nicht hertsellen.

 

[maromedia84]

AW: Kann das CSS sein?

Heisst ohne Java Script geht nichts!? Gibt es denn auch Sites wo man solche Codeschnipsel herbekommt??

 

[sokie]

AW: Kann das CSS sein?

das ganze framework mit dem das gemacht ist gibts bei jQuery: The Write Less, Do More, JavaScript Library komplette dokumentation und tutorials

 

[tr4ze]

AW: Kann das CSS sein?

Das ist jquery(also Javascript bzw. DOM/xpath)...so was nennt man Coda Slider..ziemlich billig eigentlich

Hier gibts auch gleich mal nen Tutorial --> Coda Slider Effect | jQuery for Designers - Tutorials and screencasts

tztz Flash :hmpf:

 

[damien87]

AW: Kann das CSS sein?

am besten du siehst dir auch andere frameworks an (YUI, mootools, dojo...)
mit javascript kannst du css attribute ändern

in diesem fall hat eine liste ein hintergrundbild das wird auf grund eines mouse events verschoben

 

[Foos]

AW: Kann das CSS sein?

Das ist jquery(also Javascript bzw. DOM/xpath)...so was nennt man Coda Slider..ziemlich billig eigentlich

Hier gibts auch gleich mal nen Tutorial --> Coda Slider Effect | jQuery for Designers - Tutorials and screencasts

tztz Flash :hmpf:

ja sehr geil. genau so etwas hab ich gesucht
allerdings is das ja schon ziemlich schwer zum einbauen oder? gibts sowas in deutsch für anfänger

(jetzt habe ich schon so oft etwas über jquery gelesen, und weiß noch immer nich was das eigentlich ist ^^)

 

[damien87]

AW: Kann das CSS sein?

also jquery ist ein javascript framework, es vereinfacht dir also die nutzung vieler javascript operationen.

tutorials gibts genug:

 

[maromedia84]

AW: Kann das CSS sein?

cooler link muss ich mir mal auch genauer anschauen!

 

[BibboSC]

AW: Kann das CSS sein?

Auch noch eine Variante die ich gerne nutze ist script.aculo.us - web 2.0 javascript. Auch sehr einfach anzuwenden. Mit ein bisschen Know-how kann man sich damit sicher auch so ein Teil bauen.

Ich könnte mir vorstellen die Bilder einfach in einen iFrame zu hauen, borders und scrollbars auszublenden und mit dem ScrollTo-Effect diesen "Hin/her-rutsch-effekt" zu realisieren. Es sei denn du bist div verwöhnt und findest iFrames altmodisch ...

 

[tombeat]

AW: Kann das CSS sein?

Nur ums mal zu zeigen^^

<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.easing.compatibility.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.1.2.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.******Scroll.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/external.js"></script>

<script type="text/javascript">
easing = 'Back';
function loadEasing(e) {
location.href = '/index.php?e='+e;
}
function setEasing(e) {
loadLamps(e);
}
function loadLamps(easing) {
$(".pixMenyImage").lavaLamp({
fx: "easeInOut"+easing,
speed: 700,
click: function() {return true;}
});
}
$(function() {
loadLamps('Back');
$(".pixeMenyImage").text(easing);
});
</script>

 

[damien87]

AW: Kann das CSS sein?

Auch noch eine Variante die ich gerne nutze ist script.aculo.us - web 2.0 javascript. Auch sehr einfach anzuwenden. Mit ein bisschen Know-how kann man sich damit sicher auch so ein Teil bauen.

Ich könnte mir vorstellen die Bilder einfach in einen iFrame zu hauen, borders und scrollbars auszublenden und mit dem ScrollTo-Effect diesen "Hin/her-rutsch-effekt" zu realisieren. Es sei denn du bist div verwöhnt und findest iFrames altmodisch ...

damit machst du dir nur unnötig viel arbeit, außerdem ist das für die barrierefreiheit hinderlich

zum selber nachprogrammiern:
- zuerst brauchst du das hintergrundbild
- dann definiert man die container
<div id="menu"><a id="link1"></a><a id="link2"></a></div>
- menu bekommt das hintergrundbild
- bei einem mouseover event (auf den links)
wird eine javascript funktion ausgeführt die den hintergrund pixel für pixel im interval verschiebt

lg

 

[codeRocker]

AW: Kann das CSS sein?

Hey,

hast das schon jemadn in Silverlight umsetzetn können ?