Autor |
Nachricht |
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 10:52
Titel
|
|
|
vielen dank für die mühen! das ist sehr verständlich kommentiert
ich mache mich dann mal ans durcharbeiten
|
|
|
|
|
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 12:52
Titel
|
|
|
so, ich denke ich habe das script verstanden ich kam nur sehr mit den dollarzeichen durcheinander, aber wenn sie nur ein jquery objekt deklarieren, ist das verständlich.
Danke nochmals, es funktioniert wirklich tadellos
Nun noch eine Kleinigkeit: wenn die seite "6.html" erreicht ist, soll der zähler auf "1.html" springen:
[code] $container.click(function(ev){
ev.preventDefault(); // standardverhalten des links ("öffne link") unterdrücken
seite = seite+1;
if(seite==6){
seite=1}
ladeSeite();
}) [/code]
ist es denn auch möglich (damit ich mich nicht unbedingt auf 6 festlegen muss) auf 1 zu springen, wenn die letzte .html datei aufgerufen wurde? erkennt javascript, dass eine datei nicht existiert?
|
|
|
|
|
Anzeige
|
|
|
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 13:51
Titel
|
|
|
es gibt eine kleine änderung weil alle daten, die ich lade bilder sind, muss ich mir ja nicht erst den aufwand machen und sie in htmls stecken... dazu hab ich mir folgendes ausgedacht... er funktioniert nicht :
JS:
Code: | (function(){
var seite = 0,
stuhl = 0,
pfad = "images/stuhlbilder/",
$menu = $('.menu'),
$container = $('#clickcontainer'),
$ziel = $('#ziel');
$menu.click(function(ev){
ev.preventDefault();
stuhl = $menu.index($(this));
bildtausch(start, pfad + stuhl + seite + ".jpg");
//der div-cont. "#ziel" enthält ein bild mit dem namen "start", zu beginn ist seite "0".
start = pfad + stuhl + seite + ".jpg"
//damit beim nächsten tausch des bildes das zu ersetzende bild bekannt ist, wird es neu festgelegt. ist wohl nicht ganz richtig so? schließlich enthält start jetzt einen dateinamen...
});
$container.click(function(ev){
ev.preventDefault();
stuhl=stuhl+1
bildtausch(start, pfad + stuhl + seite + ".jpg");
start = pfad + stuhl + seite + ".jpg"
})
function bildtausch(aktuell,austausch){
document.images[aktuell].src=austausch;}
})(); |
HTML für den #ziel DIV-container
Code: | ...
<div id="ziel"><img src="images/menu/start.jpg" alt="start" name="start" width="560" height="585"/>
</div>
...
|
tut mir leid, dass ich den schönen code umgeworfen habe..
Zuletzt bearbeitet von elagil am Do 29.03.2012 13:52, insgesamt 2-mal bearbeitet
|
|
|
|
|
gotoAndPlay
Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 29.03.2012 14:25
Titel
|
|
|
Bilder kannst du nicht einfach so laden, du benötigst dafür schon ein IMG Tag.
Versuch es so:
$('#ziel').html('<img src='bildtausch' />);
|
|
|
|
|
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 20:52
Titel
|
|
|
das hat es irgendwie nicht getan...das bild liegt ja noch nicht im dokument?
ich hab etwas anderes gefunden, bei dem ich einem externen bild das src attribut zuweise. hier meine lösung, alles funktioniert .
das bild das anfangs in #ziel liegt trägt die id: start.
Code: | (function(){
var
pfad = "images/stuhlbilder/" ,
stuhl = 0 ,
seite = 0 ,
$menu = $('.menu') ,
$container = $('#clickcontainer') ,
$ziel = $('#ziel') ;
$menu.click(function(ev)
{
ev.preventDefault();
stuhl = $menu.index($(this));
seite = 0;
var ersatz = pfad + stuhl + "/" + seite + ".jpg" ;
$("#start").attr("src",ersatz);
});
$container.click(function(ev){
ev.preventDefault();
seite=seite+1;
if(seite==6){seite=1};
var ersatz = pfad + stuhl + "/" + seite + ".jpg" ;
$("#start").attr("src",ersatz);
})
})(); |
danke an alle die geholfen haben, die seite ist damit wohl fertig
Zuletzt bearbeitet von elagil am Do 29.03.2012 20:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 21:31
Titel
|
|
|
ahja doch noch eine kleinigkeit ^^
wie kann ich denn ein animiertes gif während des ladens des nächsten bildes einblenden? sowas wie einen fortschrittsbalken (ohne prozentanzeige oder so, nur ein wartesignal)...
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.03.2012 23:51
Titel
|
|
|
Das img-Tag unterstützt ein onLoad-Event.
Zuletzt bearbeitet von bacon am Do 29.03.2012 23:51, insgesamt 1-mal bearbeitet
|
|
|
|
|
elagil
Threadersteller
Dabei seit: 21.03.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.03.2012 04:21
Titel
|
|
|
geht das so eventuell? :
Code: | $('#laden')
.hide()
.ajaxStart(function() {
$(this).show();
})
.ajaxStop(function() {
$(this).hide();
}) |
#laden ist ein div mit einem animierten gif...
ich kann es nicht prüfen, ich denke aber, dass es nicht klappt
|
|
|
|
|
|
|
|
Ähnliche Themen |
3D-Würfel unerwünscht!
DIV Container bei Mouseover über DIV Container anzeigen
DIV-Container soll anderen DIV-Container verdrängen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
CSS - was ist ein div-container?
|
|