• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div dynamisch verkleinern + Backstrech

IceGloo

Neues Mitglied
Hallo Freunde!

ich habe folgendes Problem;
ich verkleiner einen Div aufden Backstretch angewand ist dynamisch bei klick auf einen link, vonn 100% auf 70% breite.
nun sollte das bild, sich anpassen (tut es auch aber nicht immer und auch manchmal nicht ganz.)

Schaut es euch doch selbst mal an:
N&P Grafik

Backstretch Plugin:
Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page

mein javascript sieht so aus:
(hatte es erst mit animate gelöst, nun mit css und transitions, damit tritt das problem nur noch beim ersten klicken auf, später nicht mehr..)

$("#li_1").click(function (e) {
e.preventDefault();
$('#main').css({
width: '70%',
left: '-20px',
});
$('#right').css({
right: '0%',
});
$("#main").backstretch("http://www.html.de/images/main/big/konzept.jpg");
$('#top').fadeOut(400, function(){
$(this).css({backgroundImage : "url(images/main/small/konzept.jpg)"});
$(this).fadeIn(400);
});
});


für jeden link ist es dasselbe, nur die links ändern sich halt.

Seht ihr ein problem?

Ich danke euch hier schonmal für eure Hilfe!

Liebe Grüße!
 
Zuletzt bearbeitet:
Zurück
Oben