zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bild Zoom

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.02.2010, 20:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 9
crossflight befindet sich auf einem aufstrebenden Ast
Standard Bild Zoom

Hallo

Mich würde der Aufbau einer bestimmten Fotogalerie interessiern.
Auf Blick.ch - News gibt es zu den meisten Themen eine Bildgalerie.Die ist echt genial.Was mich ganz speziell interessiert ist die Vergrösserungs-Funktion wenn man ein Bild anklickt.

Zun Beispiel hier:
Runde Sache: Hier zeigt uns Keri ihre Kehrseite - Foto-Storys - People - Blick.ch

Wie würde der HTML-Code aussehen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.02.2010, 22:20
Programmierer
neuer user
 
Registriert seit: 21.05.2009
Beiträge: 26
FrankW. befindet sich auf einem aufstrebenden Ast
FrankW. eine Nachricht über Skype™ schicken
Standard

Ich glaube du meinst das hier?
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · digitalia.be

Falls ja -> einfach downloaden, hochladen und verknüpfen.
Hierbei handelt es sich um JavaScript.

Geändert von FrankW. (05.02.2010 um 22:29 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.02.2010, 21:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 9
crossflight befindet sich auf einem aufstrebenden Ast
Standard

Super FrankW

Genial...das ist es.

Jetzt muss ich noch rausfinden, wie das mit mehreren Bilder funktioniert(image set)
Kriegs einfach nicht raus.
Mit Zitat antworten
  #4 (permalink)  
Alt 08.02.2010, 22:30
Programmierer
neuer user
 
Registriert seit: 21.05.2009
Beiträge: 26
FrankW. befindet sich auf einem aufstrebenden Ast
FrankW. eine Nachricht über Skype™ schicken
Standard

Was genau möchtest du denn mit dem imageset umsetzen? Bzw. wo hängt es bei dir?
Mit Zitat antworten
  #5 (permalink)  
Alt 09.02.2010, 12:31
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 476
uspri wird schon bald berühmt werdenuspri wird schon bald berühmt werden
Standard

Steht doch alles auf der verlinkten Seite.

Zitat:
For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:

<a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>
Mit Zitat antworten
  #6 (permalink)  
Alt 09.02.2010, 22:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 9
crossflight befindet sich auf einem aufstrebenden Ast
Standard

stimmt, habs jetzt auch begriffen.Vielen Dank.

Und als letztes muss ich es nur noch schaffen, dass der Hyperlink nicht auf dem Text image #1 ist sondern auf einem/dem Bild wie es auf

Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · digitalia.be

gezeigt wird.
Mit Zitat antworten
  #7 (permalink)  
Alt 10.02.2010, 08:32
Programmierer
neuer user
 
Registriert seit: 21.05.2009
Beiträge: 26
FrankW. befindet sich auf einem aufstrebenden Ast
FrankW. eine Nachricht über Skype™ schicken
Standard

Setzt statt dem image #1 dein Bild ein:

Bsp:
Code:
<a href="images/image-1.jpg" rel="lightbox-cats"><img src="images/image-1.jpg" width="60" height="60" alt="" /></a>
<a href="images/image-2.jpg" rel="lightbox-cats"><img src="images/image-3.jpg" width="60" height="60" alt="" /></a>
<a href="images/image-3.jpg" rel="lightbox-cats"><img src="images/image-2.jpg" width="60" height="60" alt="" /></a>
Mit Zitat antworten
  #8 (permalink)  
Alt 13.02.2010, 17:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 9
crossflight befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank Frank W.
Hat wunderbar geklappt.

Vielleicht kannst Du mir auch bei meinem Problem mit den Schriften helfen.
Ich möchte gerne die Schrift Futura benutzen.Kann diese Schrift leider nicht in meinen Programmen finden.Wo kriege ich diese Schrift her für Programme wie Expression Web und Dreamweaver?
Mit Zitat antworten
  #9 (permalink)  
Alt 13.02.2010, 18:24
Benutzerbild von Thielo
Zynisches Mecker Schaf
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2009
Ort: Erkelenz oder Aachen suchts euch aus
Beiträge: 720
Thielo befindet sich auf einem aufstrebenden Ast
Thielo eine Nachricht über Skype™ schicken
Standard

Zitat:
Zitat von crossflight Beitrag anzeigen
Vielen Dank Frank W.
Hat wunderbar geklappt.

Vielleicht kannst Du mir auch bei meinem Problem mit den Schriften helfen.
Ich möchte gerne die Schrift Futura benutzen.Kann diese Schrift leider nicht in meinen Programmen finden.Wo kriege ich diese Schrift her für Programme wie Expression Web und Dreamweaver?
... hääää? sorry aber wovon sprichst du grade? kann dir net ganz grad folgen. Du willst die Schriftart Futura auf Websiten verwenden?
__________________
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen das ich falsch liege
www.richard-thiel.de
www.webninjas.de
www.aixhibit.com
Mit Zitat antworten
  #10 (permalink)  
Alt 14.02.2010, 11:15
Programmierer
neuer user
 
Registriert seit: 21.05.2009
Beiträge: 26
FrankW. befindet sich auf einem aufstrebenden Ast
FrankW. eine Nachricht über Skype™ schicken
Standard

Willst du die Schrift auf deiner Website verwenden?

Also soweit ich weiß birgt es nur Risiken andere Schriftarten einzubinden (meine gelesen zu haben das es da die ein oder andere Methode gibt, und das Browser das unterschiedlich interpretieren) -> Aber der Benutzer muss diese Schrift auch erstmal "besitzen" (d.h du müsstest in dem Moment ja dem User diese Schrift zur Installation anbieten wenn er diese nicht hat oder es klamm heimlich im Hintergrund irgendwie temporär.... sofern er diese halt nicht schon auf seinem System installiert hat) und sonst dem User eine Alternativ-Schrift anbieten. Ebenfalls meine ich gelesen zu haben das es sogar illegal sein kann gewisse Schriftarten dann auch noch "anzubieten" - was ja auch Sinn machen würde - z.B wenn es sich um eine kostenpflichtige Schriften handelt.

Mein Tipp, sowie andere das auch machen wäre:
Bastel dir an den relevanten Stellen Grafiken mit dieser Schriftart -> sofern es sich nicht um einen ganzen Fließtext handelt? Denn ganze Absätze als Grafiken - das macht sich nicht wirklich gut für die Suchmaschinen und bringt Lade-Verzögerungen
Andere Lösung hätte ich leider auch nicht parat, habe mich damit nicht ausführlich genug befasst

Zum Nutzen von Schriften: Einfach die Schriftdateien in deinen Windows > Fonts Ordner rein und dann dürfte so ziemlich jedes Programm auf die zugreifen können.

Ps: Also auch auf die Lizenz der Schrift achten

Geändert von FrankW. (14.02.2010 um 11:24 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild über Bild rafa CSS 2 24.01.2010 18:46
CSS-Hilfe text neben bild in container? sepp88 CSS 3 31.08.2009 15:17
Bild über Bild legen mit position: relative (IE6 Problem) naitsab CSS 3 09.06.2009 13:20
Bild mit Rahmen aus Bild Holger (HMR) CSS 3 21.05.2008 12:55
Verflixter Rahmen um ein Bild Webelix CSS 6 22.07.2007 12:32


Alle Zeitangaben in WEZ +1. Es ist jetzt 08:46 Uhr.