Brauche Hilfe bei einem Slider und beim Light Out Effekt!

»Designer« · 05.02.12, 02:25

MoinMoin MyGully Community,

wie der Titel des Themas schon sagt brauche ich hilfe bei einem Slider und dem Light Out Effekt!

Content-Flow Slider:

Also.. ich brauche einen Slider für meine Page kriege es aber nicht gebacken, und benötige nun eure Hilfe!
Wie man hier sieht [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] ist ganz oben auf der seite ein slider so einen bräuchte ich!

könnte mir jemand von euch den selben oder so einen ähnlichen bauen?
für weiter Infos bitte "PN"

Light Out Effekt:

habe auf einer Seite einen guten Code gefunden man kann auch leicht das bild von dem "Light Out Button" ändern das einzigste Problem ist das dieser Code alles dunkel macht bis auf "iframe Codes" so wie ich das bemerkt habe! Ich benötige aber einen Light Out Button der alles dunkel macht bis auf "iframe Codes" & "html Codes" nun ist die frage wie mache ich das? Muss ich da was im Code verändern oder hat jemand von euch einen passenden Code der mir weiter helfen könnte?

Hier erstmal der Code den ich zurzeit benutze:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<s***** type="text/javas*****" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></s*****>
<s***** type="text/javas*****">
(function(){
   var im2 = new Image();
   im2.src = 'http://www.ntsupply.com/images/products/97352-Wa.38x50.gif';
   jQuery(function($){
      var w = $(window), dimmer = $('<div style="position:fixed;z-index:-1;top:0;left:0;display:none;background-color:#000;"><\/div'),
      im1 = $('#onoff').toggle(lightsOut, lightsOn).css({zIndex: 11, position: 'relative', cursor: 'pointer'}).attr('src');
      function dresize(){dimmer.css({height: w.height(), width: w.width()});}
      function lightsOut(){this.title = this.alt = 'Lights On'; this.src = im2.src; dimmer.stop().css({zIndex: 10}).animate({opacity: 0.65, duration: 'slow'});}
      function lightsOn(){this.title = this.alt = 'Lights Off'; this.src = im1; dimmer.stop().css({zIndex: -1}).animate({opacity: 0, duration: 'slow'});}
      dresize();
      $('body').append(dimmer.css({opacity: 0, display: 'block'}));
      w.resize(dresize);
   });
})();
</s*****>
</head>
<body>
<img id="onoff" src="http://www.ntsupply.com/images/products/97352-Wa.38x50.gif" alt="Lights Off" title="Lights Off"><br>
<a href="http://www.google.com">Google</a>
</body>
</html>

Würde mich über eine schnelle und hilfreiche Antwort freuen!

MfG Designer.