Nivo 슬라이더 경로를 절대로 설정하십시오.

Question

Wordpress에서는 jQuery Nivo Slider 플러그인을 사용하고 있습니다 (Wordpress Plugin은 같은 이름이 아님). 사용자 정의 게시물과 함께 완벽하게 작동하며 파이가 아닌 단순한 사이트 루트를 추가합니다 이미지 경로에. 나는 내 이미지

http://www.site.com/images/image.jpg 

에 대한 절대 경로 당기는하고 있지만 NIVO를 생성 경로에 사이트 루트를 앞에 추가된다

www.site.com/http://www.site.com/images/image.jpg 

내가 설정 NIVO의 문서에서 옵션을 찾을 수 없습니다 그것은 절대 경로를 취할 ... 어떤 아이디어 ??

  <?php global $post; 
       $myposts = get_posts('post_type=homepageslider&numberposts=4&order=asc'); 
       foreach($myposts as $post) : 
       setup_postdata($post);?> 


       <a href="<?php the_field('link'); ?>"><img src="<?php the_field('image'); ?>" data-thumb="<?php the_field('image'); ?>" /></a> 

      <?php endforeach; ?> 

몇 가지 설명 : 여기에

내 템플릿 코드

• 에서 print_r 쇼 '이미지'이 정확한 경로 반향된다 뽑아 때 http://www.mysite.com/wp-content/uploads/product1.jpg (올바른)
• 을 슬라이드 코드에서이 루프는 깨진 이미지 아이콘없이 4 개의 이미지를 완벽하게 생성합니다.
• Nivo 슬라이더 WP 플러그인을 사용해 보았지만 잘 작동했지만 동일한 문제가 발생했습니다. 깨진 경로, 깨진 링크 아이콘 (이미지가로드 되었음에도 불구하고).

아래는 브라우저에서 렌더링 된 HTML입니다. 보시다시피 "현재 슬라이드"경로가 좋습니다. 문제는 nivo-slice div의 내용입니다. 추가 루트가 추가되었습니다. 이것은 내 사용자 정의 게시물이나 필드없이 플러그인을 사용할 때와 같은 문제입니다.

<a class="nivo-imageLink" href="http://www.mysite.com/products/product1/" style="display: none;"> 
<a class="nivo-imageLink" href="http://www.mysite.com/products/product2/" style="display: none;"> 
<a class="nivo-imageLink" href="http://www.mysite.com/products/product3/" style="display: none;"> 
<a class="nivo-imageLink" href="http://www.mysite.com/products/product4/" style="display: block;"> 
<img class="nivo-main-image" src="http://www.mysite.com/wp-content/uploads/product1.jpg" style="display: inline; height: 377px;"> 

<div class="nivo-caption"></div> 

<div class="nivo-slice" name="0" style="left: 0px; width: 971px; height: 377px; opacity: 1; overflow: hidden;"> 
    <img style="position:absolute; width:971px; height:auto; display:block !important; top:0; left:-0px;" src="www.mysite.com/http://www.mysite.com/wp-content/uploads/product1.jpg"> 
</div> 

(및 DIV의 NIVO 슬라이스 [0에서 이름 - 14] 반복 다른 슬라이드로) 여기서

오류가 (마다 슬라이더가 회전을 반복) 콘솔에서 생성되는

GET http://www.mysite.com/http:/www.mysite.com/wp-content/uploads/product1.jpg 404 (Not Found) /http:/www.mysite.com/wp-content/uploads/product1.jpg:1 
GET http://www.mysite.com/http:/www.mysite.com/wp-content/uploads/product.jpg 404 (Not Found) 

또 다른 업데이트 : 나는 완전히 워드 프레스 루프를 꺼내서 4 개 정적 이미지 링크에 넣어. 로테이터는 잘 작동하고 이미지를 잘 보여 주지만 동일한 문제, 깨진 이미지 아이콘 및 사이트 URL을 기존 경로 앞에 추가합니다.

Answer 1

플러그인 내에서 절대 경로를 지정할 수 있습니다. Wordpress에는 이미 다음 코드가 내장되어 있습니다.

$wpDir = ABSPATH; 
print_r($wpDir) // path to wp install 

표시되는 내용을 확인한 다음 적절하게 이미지 경로를 조정하십시오.

Answer 2

단서는 404 오류 메시지에 있습니다.

http:/www.mysite.com/wp-content/uploads/product1.jpg 

스키마에 추가 슬래시가 없어 URL의 형식이 잘못되었습니다. 대신 상대 URL로 해석됩니다.