• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Link Timeout – Aktion an anderem Objekt

T!MO

New member
Hallo Ihr Lieben,
ich bin Neuling auf dem Gebiet JS und komme an folgender Stelle nicht weiter.

Ich möchte gerne bei Klick auf einen Link eine Funktion ausführen, welche vor Laden der folgenden Seite geschehen soll.
Wie ich die Verzögerung anspreche, habe ich herausgefunden. Die Funktion allein funktioniert an sich auch.
Leider ist nur das Problem, dass ich beide "Codes" nicht zusammenbekomme.

Könnt Ihr mir dabei helfen? :)

Folgend die beiden Codes:

1) Die Verzögerung des Links:
HTML:
$('.entry-link').click(function(event) { 
var url = this.href;
    setTimeout(function () {
        location.href = url;
    }, 5000);
    return false;
});

2) Die Funktion, welche ausgeführt werden soll:
HTML:
$('.category-schwerpunkte.hentry.has-post-thumbnail').click(function(event) { 
    // Some Function 
    $(this).css('width', '100%');
    $(this).siblings().addClass('fadeout');
    $(this).siblings().css('width', '0%'); 
    $('.entry-title').addClass('fadeout');
    $('.vorschau').addClass('fadeout');
	$('body').delay(1200).fadeOut("fast");
	$('.entry-title').hide('slow');
    $('.vorschau').hide('slow');
	});

Beide Objekte liegen im selben Container.

Kann ich diese beiden kombinieren?

Liebe Grüße,
T!MO
 
Zuletzt bearbeitet von einem Moderator:
???

Code:
$('.entry-link').click(function (event) {
    var url = this.href;
    setTimeout(function () {
        location.href = url;
    }, 5000);
    $('.category-schwerpunkte.hentry.has-post-thumbnail').trigger('click');
    return false;
});

???
 
Hey miniA4Kuser,
vielen Dank für die schnelle Rückmeldung.

Das hätte ich mir ja denken können! Vielen Dank dafür.
Den Effekt, den ich erzielen wollte funktioniert.

Eine weitere Frage hätte ich da allerdings noch:
Was wäre die charmanteste Lösung für folgenden Effekt:
Klick auf Bild -> Bild fährt auf -> Content wird geladen und darunter angezeigt.

Zur Verbildlichung folgende Seite:
Build in Amsterdam - Strategy, branding & e-commerce

Hier ist eigentlich genau diese Funktion enthalten, welche ich selbst aufbauen möchte.
Für Tipps bin ich hierbei sehr offen! :)

Danke im Voraus,
T!MO
 
Was hast du denn probiert?
Hast du dir die Seite mal angeschaut, wie die das dort machen?
Hast du schon ein Gerüst, wie du das aufgebaut hast?
 
Zurück
Oben