2010-01-15 3 views
1

나는 극장 사이트에 jquery 슬라이드 쇼 회전식 캐로 셀을 만들고 있는데, 이것은 극장에서 가장 최근에 열렸던 5 가지 쇼의 제목과 관련 사진을 표시하는 데 사용됩니다 . 쇼, 그들을 위해 업로드 된 사진의 URL은, 데이터베이스에서로드, 삽입 아래의 구조로되어 있습니다이미지의 너비와 높이를 CSS 배경으로 사용하기

<div id="slideshow_outercontainer"> <ul id="carousel"> 
<!-- This is where the <li>s are generated from the database using the photo's url 
as a CSSbackground image --> 
</ul> </div> 

을 그리고 관련 컨트롤 아래에 배치됩니다.

내가 뭘 알아야 할 것은 : 어떻게 내가 (PHP 나 jQuery를 사용) 각 이미지의 높이와 너비를 얻고, JQuery와 그것의 보류를 얻을 수있는 몇 가지 방법으로 스크립트를 저장하고, 수 무작위로. 내가 뭘 하려는지 배경 이미지의 무작위 위치입니다,하지만 내가 얼마나 큰 이미지가되도록 그것은 요소의 배경을 노출 것이 어떤 식 으로든 자체 위치하지 않습니다 알아야합니다.

또한, 일종의 켄 화상 효과처럼 배경 이미지를 무작위로 애니메이트하는 것이 좋을 것입니다. 그러나 나는 내가 animate()를 사용하여 그것을 달성하는 방법을 알고 있다고 생각한다.

누군가가 여기에서 도울 수 있기를 바란다! 고마워, 댄.

답변

0

PHP에서 getimagesize ([Filename]) 함수는 이미지의 높이와 너비를 제공합니다. 함수의 이미지 파일 이름을 지정하면 height, width 및 image 유형의 배열이 반환됩니다.

예를 들어 here 및 php.net 설명서 here이 사용되고 있습니다.

+0

감사합니다. 지금 시도해보고 목록 항목의 rel 속성을 사용하여 jQuery에 대한 데이터를 저장합니다. –

1

배경 이미지만으로는 할 수 없습니다. 즉, 배경 이미지 URL을 얻은 다음 해당 img 태그로 dom 요소/img 태그를 만들고 화면 왼쪽에서 위치를 지정하고 치수를 얻은 다음 파기하면됩니다.

관련 문제