이미지 자동 클릭 ? 고수님 부탁 드립니다.
본문
적용하여 오류 없이 잘 되어집니다.
뷰페이지 진입시 아래 첫번째 이미지를 클릭 되어지게 할수 있을까요 ? 고수님 도와주세요!
뷰페이지에서 바로 팝업을 뜨도록 하려구요.
<style>
.object{width: 70px; height: 70px; float:left;margin-right:5px;margin-bottom:5px;border-radius:10px;}
.cover {object-fit: cover}
</style>
<?php
//첨부파일
for ($i=0; $i<count($view['file']); $i++) {
if (preg_match("/\.(gif|jpg|jpeg|png)$/i", $view['file'][$i]['file'])) {?>
<a href="<?php echo $view['file'][$i]['path'].'/'.$view['file'][$i]['file']?>" class="js-smartPhoto" data-caption="<span style=font-size:1.5em;font-weight:bold;><?php echo $view['wr_subject']?></span>" data-id="" data-group=""/ >
<img class="object cover" src="<?php echo $view['file'][$i]['path'].'/'.$view['file'][$i]['file'] ?>"></a>
<?php }} ?>
<?php
//에디터파일
$b_cont_img= get_editor_image($view['content']);
for ($i=0; $i<count($b_cont_img[1]); $i++) {
$b_imgurl_v = explode('"', $b_cont_img[1][$i]);
?>
<a href="<?php echo $b_imgurl_v[1]?>" class="js-smartPhoto" data-caption="<span style=font-size:1.5em;font-weight:bold;><?php echo $view['wr_subject']?></span>" data-id="" data-group=""/>
<img class="object cover" src="<?php echo $b_imgurl_v[1]?>"></a>
<?php } ?>
<!--smartphoto 추가 2/3 끝-->
<!--smartphoto 추가 시작 3/3 시작 (view.skin.php 하단)-->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded',function(){
new SmartPhoto(".js-smartPhoto",{
resizeStyle: 'fit'
});
document.querySelector(".gnb_wrap").style.display = "none";
});
</script>
<!--smartphoto 추가 끝 3/3 끝-->
답변 2
스크립트를 이렇게 수정해보세요.
document.addEventListener('DOMContentLoaded',function(){
var mySmartPhoto = new SmartPhoto(".js-smartPhoto");
mySmartPhoto.gotoSlide(0);
document.querySelector(".gnb_wrap").style.display = "none";
});
</script>
붉은색이 추가 및 수정 된 부분입니다.
잘 될지는 모르겠습니다.
(하단에 추가)
<script>
$('a.js-smartPhoto').first().trigger('click');
</script>