마침내 사이트를 가동했습니다. 저는 그래픽 디자이너이기 때문에 프로그래머가 아닙니다. 그래서 뉴비입니다. 코드 방식은 가장 좋지 않을 수도 있지만 작동합니다. 내 사이트의 작업 섹션 인 http://www.maryhutchisondesign.com으로 가면 호출기 (Safari, Chrome, Firefox, Opera에서 백그라운드 GIF를 사용함)가 작동하지만 Internet Explorer에서는 사라집니다. Mike Alsup이 나에게 이메일로 보낸 pagerAnchorBuilder 라인이 있습니다. 내가 잘못하고있는 것이 있습니까? 다음은 css 및 js의 샘플입니다. 또한 malsups 고급 호출기 데모에서 코드를 복사 할 때 이미지 축소판과 함께 작동하지만 IE에서는 주 포트폴리오 이미지의 위치를 이동합니다.jquery cycle.js 호출기 그래픽이 Safari, Firefox, Chrome 및 Opera에서 작동하지만 IE에서 사라집니다.
.nav_ocn li {
width: 10px;
float: left;
margin: 5px;
list-style: none;
margin-left: 0px;
}
.nav_ocn a {
border: 0px solid #ccc;
text-decoration: none;
margin: -1px;
padding: 10px;
background-image: url(../images/pager.gif);
background-repeat: no-repeat;
background-position: left;
}
.nav_ocn a.activeSlide {
background-image: url(../images/pager_select.gif);
background-repeat: no-repeat;
background-position: left;
}
.nav_ocn a:focus { outline: none; }
$(document).ready(function() {
$('#OCN_gallery').cycle({
fx: 'scrollLeft',
next: '#OCN_gallery',
speed: 'fast',
timeout: 0,
pause: 1,
pager: '.nav_ocn',
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function() {
return '<li><a href="#"</a></li>';
}
});
});
모든 도움과 내부는 크게 감사하겠습니다.
감사합니다,
메리