zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bilder blättern wie im Finder

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.05.2008, 10:53
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 137
claude_x befindet sich auf einem aufstrebenden Ast
Standard Bilder blättern wie im Finder

Hallo!

im Finder (Mac) gibt es eine schicke Vorschau für PDF's mit vor und zurückblätter Funktion.

Ich habe mir aus einer Bildergalerie Vorlage mal was gebaut, was in die Richtung geht, allerdings hab ich null Javascript Kenntnisse und bin deswegen dankbar für Tipps von denen, die die Funktion im Finder kennen, wie ich dem Finder Vorbild näher kommen kann.

Kann aber auch echt verstehen, wenn ihr kein Bock habt, jemand, der so richtig keine Javascript Kenntnisse hat was zu erklären ;o)

Viele Grüße Claude



Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
	<head>
		<title></title>
		<script type="text/javascript" language="JavaScriptt">
<!-- Begin

var im = new Array("img/qunstmag2-1.jpg", "img/qunstmag2-2.jpg", "img/qunstmag2-3.jpg", "img/qunstmag2-4.jpg");
i = 0;
function vorwaerts() {
 	if (i != 3) {
  		document.images.dia.src = im[i+1];
  		i++;
  	}
 }
function zurueck() {
 	if (i != 0) {
  		document.images.dia.src = im[i-1];
  		i--;
  	}
 }

//End -->
		</script>
		<style type="text/css"><!--
#inp input{
	padding:-2px;
	width: 25px;
	height:25px;
	color: white;
	background: transparent url(button.png);
	border:0;
}
//-->
		</style>
	</head>
	<body>
		<div align="center">
			<img name="dia" src="img/qunstmag2-1.jpg" height="141" border="0" alt="testbild" />
			<div id="inp" style="margin-top:-28px;">
				<form>
					<input class="pre" type="button" value="&laquo;" onClick="zurueck()" />
					<input class="next" type="button" value="&raquo;" onClick="vorwaerts()" />
				</form>
			</div>
		</div>
	</body>
</html>
Angehängte Grafiken
Dateityp: jpg screenshot_02.jpg (61,3 KB, 13x aufgerufen)

Geändert von claude_x (20.11.2009 um 11:10 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.05.2008, 14:49
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

Zitat:
Zitat von claude_x Beitrag anzeigen
Hallo!

im Finder (Mac) gibt es eine schicke Vorschau für PDF's mit vor und zurückblätter Funktion.

Ich habe mir aus einer Bildergalerie Vorlage mal was gebaut, was in die Richtung geht, allerdings hab ich null Javascript Kenntnisse und bin deswegen dankbar für Tipps von denen, die die Funktion im Finder kennen, wie ich dem Finder Vorbild näher kommen kann.
Ich kenne den Finder in MAC nicht. Aber warum benutzt du nicht eines der vielen fertigen, frei downloadbaren JS, die man im Web findet ?

Hier eine Auswahl - Dynamic Drive- Image Slideshows
Davon gibt es natürlich noch viel mehr. Wer sucht der findet !
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.05.2008, 18:23
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.08.2006
Beiträge: 137
claude_x befindet sich auf einem aufstrebenden Ast
Standard

Hi Rico!

Danke für den Link! Ich wollte schon ziemlich genau so was, wie die Vorschau im Finder!

Ich habs jetzt mal hoch geladen und finde es erfüllt seinen Zweck, wenn auch die schicken Effekte fehlen: www.ilovebildwechsel.org (rechts unten).

Grüße!
Claude
Mit Zitat antworten
  #4 (permalink)  
Alt 09.05.2008, 18:38
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

Zitat:
Zitat von claude_x Beitrag anzeigen
Hi Rico!
Ich habs jetzt mal hoch geladen und finde es erfüllt seinen Zweck, wenn auch die schicken Effekte fehlen: www.ilovebildwechsel.org (rechts unten).
das ist wirklich nichts besonderes. Warum schaust du dir nicht einfach ein paar Beispiele an ?
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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Schattenrahmen um Bilder (Typo3) micronix CSS 2 20.08.2012 21:01
Bilder in Namibia CSS ändern-wie? Harderman CSS 0 05.03.2009 11:40
bilder in div container unten anordnen diegaby CSS 12 17.11.2008 15:08
Bildergalerie mit Variablen fledermaus Serveradministration und serverseitige Scripte 1 08.04.2008 09:57
Bilder Blättern caos CSS 1 14.03.2007 10:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:42 Uhr.