 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Need_you
Threadersteller
Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Do 09.06.2011 18:55
Titel Javascript für bestimmten DIV |
  |
|
Hey ihr 
bin am verzweifeln. Könnt mir einer kurz sagen, wie ich die folgende Javascript-Datei nur auf einem bestimmten DIV mit dem id-Namen "awards" anwenden kann?
Hier ist die JS Datei:
| Code: | /* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* jFlow
* Version: 1.2 (July 7, 2008)
* Requires: jQuery 1.2+
*/
(function($) {
$.fn.jFlow = function(options) {
var opts = $.extend({}, $.fn.jFlow.defaults, options);
var randNum = Math.floor(Math.random()*11);
var jFC = opts.controller;
var jFS = opts.slideWrapper;
var jSel = opts.selectedWrapper;
var cur = 0;
var timer;
var maxi = $(jFC).length;
// sliding function
var slide = function (dur, i) {
$(opts.slides).children().css({
overflow:"hidden"
});
$(opts.slides + " iframe").hide().addClass("temp_hide");
$(opts.slides).animate({
marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
},
opts.duration*(dur),
opts.easing,
function(){
$(opts.slides).children().css({
overflow:"hidden"
});
$(".temp_hide").show();
}
);
}
$(this).find(jFC).each(function(i){
$(this).click(function(){
dotimer();
if ($(opts.slides).is(":not(:animated)")) {
$(jFC).removeClass(jSel);
$(this).addClass(jSel);
var dur = Math.abs(cur-i);
slide(dur,i);
cur = i;
}
});
});
$(opts.slides).before('<div id="'+jFS.substring(1, jFS.length)+'"></div>').appendTo(jFS);
$(opts.slides).find("div").each(function(){
$(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
});
//initialize the controller
$(jFC).eq(cur).addClass(jSel);
var resize = function (x){
$(jFS).css({
position:"relative",
width: opts.width,
height: opts.height,
overflow: "hidden"
});
//opts.slides or #mySlides container
$(opts.slides).css({
position:"relative",
width: $(jFS).width()*$(jFC).length+"px",
height: $(jFS).height()+"px",
overflow: "hidden"
});
// jFlowSlideContainer
$(opts.slides).children().css({
position:"relative",
width: $(jFS).width()+"px",
height: $(jFS).height()+"px",
"float":"left",
overflow:"hidden"
});
$(opts.slides).css({
marginLeft: "-" + (cur * $(opts.slides).find(":eq(0)").width() + "px")
});
}
// sets initial size
resize();
// resets size
$(window).resize(function(){
resize();
});
$(opts.prev).click(function(){
dotimer();
doprev();
});
$(opts.next).click(function(){
dotimer();
donext();
});
var doprev = function (x){
if ($(opts.slides).is(":not(:animated)")) {
var dur = 1;
if (cur > 0)
cur--;
else {
cur = maxi -1;
dur = cur;
}
$(jFC).removeClass(jSel);
slide(dur,cur);
$(jFC).eq(cur).addClass(jSel);
}
}
var donext = function (x){
if ($(opts.slides).is(":not(:animated)")) {
var dur = 1;
if (cur < maxi - 1)
cur++;
else {
cur = 0;
dur = maxi -1;
}
$(jFC).removeClass(jSel);
//$(jFS).fadeOut("fast");
slide(dur, cur);
//$(jFS).fadeIn("fast");
$(jFC).eq(cur).addClass(jSel);
}
}
var dotimer = function (x){
if((opts.auto) == true) {
if(timer != null)
clearInterval(timer);
timer = setInterval(function() {
$(opts.next).click();
}, 4800);
}
}
dotimer();
};
$.fn.jFlow.defaults = {
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: false,
easing: "swing",
duration: 400,
width: "100%",
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
};
})(jQuery);
|
Danköööö 
|
|
| |
  |
 |
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
|
| |
|
|
|
Anzeige
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Do 09.06.2011 19:38
Titel
|
|
|
omg
| Code: |
$('#IDdesDIVElements').jFlow(); |
|
|
| |
|
|
Need_you
Threadersteller
Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.06.2011 20:40
Titel
|
|
|
Okay, werde mich dann mal bei getElementById() einlesen.
@DerM: Warum 'omg'? Kenn mich in Javascript nicht aus, sorry.
Hab den Code mittels der Guttenberg-Methode übernommen 
Zuletzt bearbeitet von Need_you am Do 09.06.2011 20:43, insgesamt 2-mal bearbeitet
|
|
| |
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Do 09.06.2011 20:47
Titel
|
|
|
| Need_you hat geschrieben: |
Hab den Code mittels der Guttenberg-Methode übernommen |
und genau deswegen OMG..
|
|
| |
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 09.06.2011 20:52
Titel
|
|
|
|
Eine Datei kannst Du überhaupt nirgendwo drauf anwenden. Und wovon man keine AHnung at, sollte man die Finger lassen.
|
|
| |
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Do 09.06.2011 22:55
Titel
|
|
|
| pantonine hat geschrieben: | | Und wovon man keine AHnung at, sollte man die Finger lassen. |
Sorry! aber diese Aussage ist, und wenn du da mal drüber nachdenkst wirst du es vielleicht auch sehen, bullshit.
Javascript ist nichts wofür man studiert haben muss oder eine Ausbildung haben sollte... das lernt man so wie der TE das macht.. sich da einlesen, Fehler machen, andere Code anschauen und weiter Fehler machen...
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[Javascript|jQuery] Bestimmten Link aus Liste verändern
[javascript] mit <select> feld wert an javascript funk
Einsetzen von bestimmten Zeichen.
Wortabstand an bestimmten Stellen
anhalten bei bestimmten frame
Bestimmten Tabelleninhalt drucken
|
|
|
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.
|
|
