Тема: 3D Gallery
Показать сообщение отдельно

  #6  
Старый 04.09.2022, 23:34
Wiz
Познающий
Регистрация: 05.08.2022
Сообщений: 32
С нами: 1988298

Репутация: 0
По умолчанию

Цитата:
Сообщение от Mizuwokiru  

Если придерживаться именно того же подхода, то div`у задавать конкретные размеры нужно уже после того, как картинки загружены, а именно внутри:

JavaScript:


Код:
if
(
totalProgress
==
options
.
images
.
length
-
1
)
JavaScript:


Код:
$
.
each
(
options
.
images
,
function
(
index, record
)
{
var
o
=
$
(
""
)
.
attr
(
"src"
,
record
)
.
load
(
function
(
)
{
if
(
index
>
pic
.
data
(
"tempIndex"
)
)
{
pic
.
data
(
"tempIndex"
,
index
)
pic
.
attr
(
"src"
,
$
(
this
)
.
attr
(
"src"
)
)
}
var
progress
=
pic
.
parent
(
)
.
find
(
".progressBar"
)
;
totalProgress
++
;
var
maxsize
=
pic
.
parent
(
)
.
find
(
".progressBg"
)
.
width
(
)
;
var
newWidth
=
(
totalProgress
/
options
.
images
.
length
)
*
maxsize
;
progress
.
stop
(
true
,
true
)
.
animate
(
{
width
:
newWidth
}
,
250
)
;
if
(
totalProgress
==
options
.
images
.
length
-
1
)
{
loaded
=
true
;
pic
.
parent
(
)
.
find
(
".overlay, .progressBar, .progressBg"
)
.
remove
(
)
;
}
}
)
;
cache
.
push
(
o
)
;
}
)
;
}
)
Цитата:
Сообщение от òbi  

@Wiz, попробуйте так

CSS:


Код:
#product1
{
display
:
block
;
width
:
100%
;
height
:
auto
;
}
Слишком просто), не работает, к сожалению.
 
Ответить с цитированием