Javascript Image Popup mit jQuery

26th
Jun. × ’07

das Original habe ich bei The Life of Me gefunden, da es aber nicht so ganz funktioniert hat hier mal meine Version

Wir haben hier eine ganz normale Galerie Seite mit Thumbnail Bilder die jeweils auf die grosse Version des Bildes verlinken. Wenn wir jetzt dem Link folgen bekommen wir eine neue Seite mit dem Bild aber schick ist das nicht.

Was ich wollte war ein Popup ohne Toolbar in genau der Größe des Bildes, denn Bilder haben natürlich alle unterschiedliche Größen.

Hier kommt jetzt jQuery zum Einsatz.

  1. wir setzen bei einem #hidden Bild den Src auf das Ziel des Links
  2. dann holen wir uns mit jQuery die Größe des Bildes
  3. wir löschen den Src Wert beim #hidden Bild wieder
  4. nun öffnen wir ein neues Fenster mit genau der Größe das Bildes

$(document).ready(function(){
$(“.imageLink”).click(function(){
$(“#hidden”).attr(“src”,$(this).attr(‘href’));
var href = $(this).attr(‘href’);
var description = $(this).attr(‘alt’);
var width = $(‘#hidden’).width() + 15;
var height = $(‘#hidden’).height() + 15;
$(“#hidden”).attr(“src”,”");
new_window = window.open(href,’popup’,'width=’ + width + ‘,height=’ + height + ‘toolbar=”no”,scrollbars=”no”,menubar=”no”‘);
new_window.document.write(““);
new_window.document.write(“\“);
new_window.document.write(““);
new_window.document.write(“
“);
new_window.document.close();
return false;
});
});

Posted in Bits und Bytes | Leave a comment

Nigthly Webkit mit neuem Inspektor

21st
Jun. × ’07

den Nigthly Webkit gibt es jetzt mit einem neuen Debugger/Inspector. Dieser sieht schon schick aus aber hat noch lange nicht alle Features von Firebug.

Webkit Nigthly

Für alle die auch immer zu faul sind den aller neusten nigthly Build von Webkit zu laden gibt es auch Abhilfe. NightShift übernimmt bei mir seit neusten diese Arbeit.

Night Shift

NightShift automatically downloads and updates WebKit, the Safari HTML rendering engine, to the latest nightly version. No user intervention is required, everything is fully automated.

Posted in mac stuff | Leave a comment

GOOD COPY BAD COPY

4th
Jun. × ’07

Good Copy Bad Copy ist eine Dokumentation über Copyright und Kultur von Andreas Johnsen, Ralf Christensen und Henrik Moltke. Sie enthält Interviews mit DJ Danger Mouse, Girl Talk, Siva Vaidhyanathan, Lawrence Lessig und vielen anderen mit unterschiedlichen Sichtweisen über Copyright.

Den Torrent für die XviD Version gibt es auf goodcopybadcopy.net

via Creative Commons

Posted in Bits und Bytes | Leave a comment

151: Thrice the puppy-dog eyes

3rd
Jun. × ’07



151: Thrice the puppy-dog eyes

Originally uploaded by Turtblu.


Posted in mix | Leave a comment

Stickies für die glückliche Ehe

31st
May. × ’07

wenn es mit der Kommunikation nicht so klappt könnte das helfen:

Do This by

Dont Forget to

We Need to Talk

You Should Know

One More Thing

via APPLIED ADHD. mehr gibts bei Knock Knock

Posted in xy vs. xx | 2 Comments

Google Street View

29th
May. × ’07

schickes neues Feature bei Google Maps

youtube direkt link

Posted in Webroll | Leave a comment

emdash – Visualisierung deines Emailverkehrs

28th
May. × ’07

Emdash

emdash visualisiert deinen Emailverkehr. Dabei zeigt es eine Top Liste der Emailadressen an. Des weiteren zeigt es die Intensität des Mailaufkommens über die Zeit an und bietet eine Tagclowd über die verwendeten Wörter im Subjekt an. Der Zugriff erfolgt über https direkt auf einen IMAP Server.


via Maeda’s SIMPLICITY

Posted in Bits und Bytes | Leave a comment

recaptcha – Spam bekämpfen und gleichzeitig was gutes tun

27th
May. × ’07


recaptcha

reCaptcha bietet die üblichen Captcha und verwendet dabei Textstellen aus alten Büchern und trainiert gleichzetig OCR-Software, sodass man diese alten Bücher besser einscannen kann.

Posted in Bits und Bytes | 2 Comments

Fotoshooting bei 30 Grad

25th
May. × ’07

shooting.jpg
und die Frau hat auch mitgeholfen

Posted in as seen in Berlin | 2 Comments

mit getBundle Textmate Bundles installieren

25th
May. × ’07

getbundle.png

getBundle ist ein Bundle für Textmate, damit lassen sich ganz komfortabel aus Textmate heraus zusätzliche Bundles installieren und updaten. Zu den 36 Bundles die bei Textmate schon da bei sind, gibt es nämlich zusätzlich noch ca. 120 weitere Bundles z.B. für CakePHP, MediaWiki uvm..

Posted in mac stuff | Leave a comment