Piecemaker fallback

Question

Piecemaker의 대체 기능을 포함하는 방법이 있는지 궁금해서 휴대 전화에서 웹 사이트를 볼 때 페이지가 자바 스크립트 기반 슬라이더로 돌아갑니다.

도움을 주시면 감사하겠습니다.

Answer 1

알아낼 수 있었습니까? 나는 Piecemaker가 기본적으로이 옵션을 가지고 있다고 생각하지 않으며 Piecemaker의 플래시 효과를 100 % 모방 한 자바 스크립트로이 작업을 수행하는 방법을 보지 못했습니다 (아직).

아마도 이것을 수행하는 더 좋은 방법이 있지만 마음에 오는 첫 번째 것은 모바일 브라우저 탐지 코드를 사용하는 것입니다. 사용할 수있는 몇 가지가 있습니다. 선호하는 코딩 언어는 확실하지 않지만 빠른 Google 검색 및 다양한 옵션을 찾을 수 있음). 그런 다음 Piecemaker를 기본값으로 사용하여 페이지 버전을 표시하거나 방문자가 모바일 브라우저를 사용하는 경우 원하는 javascript/jQuery 슬라이더로 버전을 표시 할 수 있습니다. 도움이 http://tympanus.net/Development/Slicebox/index4.html

희망이는 이전 버전의 브라우저에 대한 몇 가지 대체와 좋은 대안처럼

편집가 보이는!

Answer 2

그래서 나는 crayon1의 생각을 따르고 플래시를 삽입하는 방식을 변경하여 대체 HTML HTML을 포함 할 수있는 방법을 찾은 것으로 생각합니다. &

JavaScriptFlashGateway.js에서

(우리가 워드 프레스 플러그인에 대해 얘기하고 가정) piecemaker-main.php가이 코드를 찾을 수

JavaScriptFlashGateway.js :

를이 두 파일을 변경해야

function FlashTag(src, width, height) 
{ 
    this.src  = src; 
    this.width  = width; 
    this.height = height; 
    this.version = '9,0,0'; 
    this.id  = null; 
    this.salign = "tl"; 
    this.scale = "noscale"; 
    this.allowScriptAccess = "always"; 
    this.allowfullscreen = "true"; 
    this.bgcolor = 'ffffff'; 
    this.flashVars = null; 
    this.wmode  = null; 
} 

그리고이로 변경 :

function FlashTag(src, width, height, fallback) 
{ 
    this.src  = src; 
    this.width  = width; 
    this.height = height; 
    this.fallback = fallback; 
    this.version = '9,0,0'; 
    this.id  = null; 
    this.salign = "tl"; 
    this.scale = "noscale"; 
    this.allowScriptAccess = "always"; 
    this.allowfullscreen = "true"; 
    this.bgcolor = 'ffffff'; 
    this.flashVars = null; 
    this.wmode  = null; 
} 

,369 1,363,210

나서 상기 다운 선이 발견 "FlashTag.prototype.toString = 함수()"

및 이에 그 전체 기능 바꾸 piecemaker-main.php에이어서

FlashTag.prototype.toString = function() 
{ 
    var ie = (navigator.appName.indexOf ("Microsoft") != -1) ? 1 : 0; 
    var flashTag = new String(); 
    flashTag += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '; 
    if (this.id != null) 
    { 
     flashTag += 'id="'+this.id+'" '; 
    } 
    flashTag += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+this.version+'" '; 
    flashTag += 'width="'+this.width+'" '; 
    flashTag += 'height="'+this.height+'">'; 
    flashTag += '<param name="movie" value="'+this.src+'"/>'; 
    flashTag += '<param name="quality" value="high"/>'; 
    flashTag += '<param name="bgcolor" value="#'+this.bgcolor+'"/>'; 
    flashTag += '<param name="scale" value="noscale"/>'; 
    flashTag += '<param name="allowScriptAccess" value="always"/>'; 
    flashTag += '<param name="salign" value="tl"/>'; 
    flashTag += '<param name="allowfullscreen" value="true"/>'; 
    flashTag += '<param name="wmode" value="transparent"/>'; 
    if (this.flashVars != null) 
    { 
     flashTag += '<param name="flashvars" value="'+this.flashVars+'"/>'; 
    } 
    if(!ie) { 
     flashTag += '<object type="application/x-shockwave-flash" '; 
     flashTag += 'data="'+this.src+'" '; 
     flashTag += 'width="'+this.width+'" '; 
     flashTag += 'height="'+this.height+'">'; 
     flashTag += '<param name="movie" value="'+this.src+'"/>'; 
     flashTag += '<param name="quality" value="high"/>'; 
     flashTag += '<param name="bgcolor" value="#'+this.bgcolor+'"/>'; 
     flashTag += '<param name="scale" value="noscale"/>'; 
     flashTag += '<param name="allowScriptAccess" value="always"/>'; 
     flashTag += '<param name="salign" value="tl"/>'; 
     flashTag += '<param name="allowfullscreen" value="true"/>'; 
     flashTag += '<param name="wmode" value="transparent"/>'; 
     if (this.flashVars != null) 
     { 
      flashTag += '<param name="flashvars" value="'+this.flashVars+'"/>'; 
     } 
    } 
    flashTag += this.fallback; 
    if(!ie) { 
     flashTag += '</object>'; 
    } 
    flashTag += '</object>'; 
    return flashTag; 
} 

을이 발견 "$ att [ 'width']} + 50, {$ att [ 'height']} + 100, '9,0,0'); "

'9,0,0'을 대체 HTML로 바꾸십시오.

그럼 설정되었습니다! 희망이 도움이 됨 :)