Ішкі жоғарыдан жоғары оңға қарай жылжытыңыз

Мен жоғарғы оң жақ бұрышта басылған кезде суретті қалай алу керектігін сұрадым, бірақ басқа элементтер оны айналып өтуіне рұқсат ете ме?

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    float: right;
    top: 0;
}

http://jsfiddle.net/vL9RN/3/

Тізімнің оң жағындағы суреттерді басқанда, олар оңға қарай жүзіп тұрады, бірақ беттің жоғарғы жағында қалмайды, бірақ орнына басқа суреттердің астына түседі. Мұны CSS арқылы жасауға болады ма?

1
Міне, жартылай жұмыс істейтін шешім: jsfiddle.net/vuvz8
қосылды автор Gimmy, көзі
Міне, жартылай жұмыс істейтін шешім: jsfiddle.net/vuvz8
қосылды автор Gimmy, көзі
Сонымен, әрқашан таңдалған кескіннің жоғарғы жағында болуын және барлық нобайлар астында болуын қаладыңыз ба?
қосылды автор jackweinbender, көзі
Сонымен, әрқашан таңдалған кескіннің жоғарғы жағында болуын және барлық нобайлар астында болуын қаладыңыз ба?
қосылды автор jackweinbender, көзі
Сонымен, әрқашан таңдалған кескіннің жоғарғы жағында болуын және барлық нобайлар астында болуын қаладыңыз ба?
қосылды автор jackweinbender, көзі
@Gimmy Мен сізден ешқандай айырмашылықты көрмеймін бе?
қосылды автор Eric Wolf, көзі
@Gimmy Мен сізден ешқандай айырмашылықты көрмеймін бе?
қосылды автор Eric Wolf, көзі
@Gimmy Мен сізден ешқандай айырмашылықты көрмеймін бе?
қосылды автор Eric Wolf, көзі

8 жауаптар

img CSS файлына float: left; қосыңыз.

Test Link

Баламалы тәсіл болар еді,

have all your thumbnails in a <div>, and have the "selected" img as a separate in another <div>. Then, all you'd need to do onClick is change the src property of the "selected" img.

0
қосылды

img CSS файлына float: left; қосыңыз.

Test Link

Баламалы тәсіл болар еді,

have all your thumbnails in a <div>, and have the "selected" img as a separate in another <div>. Then, all you'd need to do onClick is change the src property of the "selected" img.

0
қосылды

Мынаны көріңіз:

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    position: absolute;
    right: 0;
    top: 0;
}
0
қосылды
Жұмыс істемейді, нобайлар кескін үстінде аяқталады. Мен бұған жол бергім келмейді.
қосылды автор Eric Wolf, көзі

Мынаны көріңіз:

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    position: absolute;
    right: 0;
    top: 0;
}
0
қосылды
Жұмыс істемейді, нобайлар кескін үстінде аяқталады. Мен бұған жол бергім келмейді.
қосылды автор Eric Wolf, көзі

Мынаны көріңіз:

img.selected{
    height: 600px;
    width: auto;
    -webkit-filter: none;
    position: absolute;
    right: 0;
    top: 0;
}
0
қосылды
Жұмыс істемейді, нобайлар кескін үстінде аяқталады. Мен бұған жол бергім келмейді.
қосылды автор Eric Wolf, көзі

I think this solves your problem. Check this out :) http://jsfiddle.net/vL9RN/4/

Кешіріңіз, JQuery-ді қолдандым, бірақ jQuery-ні пайдаланбастан javascript-да білмеймін

$(function(){
    $('img').eq(0).addClass('selected');

    $('img').not('selected').click(function(){
        $('img.selected').insertBefore($('img').eq($(this).index())).removeClass('selected');
        $(this).insertBefore($('img').eq(0)).addClass('selected');
    });
});
0
қосылды
Бұл менің қондырғыммен жұмыс істемейді, мен өзімнің суреттер тізімін ajax арқылы PHP сценарийінен аламын және «onclick» пайдаланусыз сценарийлерді іске асыра алмайсыз. Мұны түзетудің жолдары бар екенін білемін, бірақ олар менің түсінігімнен тыс. Бұл скрипт onclick функциясы ретінде жұмыс істеуге бейімделе ала ма?
қосылды автор Eric Wolf, көзі

I think this solves your problem. Check this out :) http://jsfiddle.net/vL9RN/4/

Кешіріңіз, JQuery-ді қолдандым, бірақ jQuery-ні пайдаланбастан javascript-да білмеймін

$(function(){
    $('img').eq(0).addClass('selected');

    $('img').not('selected').click(function(){
        $('img.selected').insertBefore($('img').eq($(this).index())).removeClass('selected');
        $(this).insertBefore($('img').eq(0)).addClass('selected');
    });
});
0
қосылды
Бұл менің қондырғыммен жұмыс істемейді, мен өзімнің суреттер тізімін ajax арқылы PHP сценарийінен аламын және «onclick» пайдаланусыз сценарийлерді іске асыра алмайсыз. Мұны түзетудің жолдары бар екенін білемін, бірақ олар менің түсінігімнен тыс. Бұл скрипт onclick функциясы ретінде жұмыс істеуге бейімделе ала ма?
қосылды автор Eric Wolf, көзі

I think this solves your problem. Check this out :) http://jsfiddle.net/vL9RN/4/

Кешіріңіз, JQuery-ді қолдандым, бірақ jQuery-ні пайдаланбастан javascript-да білмеймін

$(function(){
    $('img').eq(0).addClass('selected');

    $('img').not('selected').click(function(){
        $('img.selected').insertBefore($('img').eq($(this).index())).removeClass('selected');
        $(this).insertBefore($('img').eq(0)).addClass('selected');
    });
});
0
қосылды
Бұл менің қондырғыммен жұмыс істемейді, мен өзімнің суреттер тізімін ajax арқылы PHP сценарийінен аламын және «onclick» пайдаланусыз сценарийлерді іске асыра алмайсыз. Мұны түзетудің жолдары бар екенін білемін, бірақ олар менің түсінігімнен тыс. Бұл скрипт onclick функциясы ретінде жұмыс істеуге бейімделе ала ма?
қосылды автор Eric Wolf, көзі