WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Ads

Ad: Bluehost hosting

이 도구는 인상적인 스타일 만 CSS3 와 자바 스크립트 ( jQuery를 )를 사용하는 웹 사이트의 이미지 효과를 만듭니다.그것은 많은 스타일과 그들의 대부분 은 결합 될 수 효과를 지원합니다. 조합 수백 !

당신은 쉽게 작성하고 당신의 스타일을 테스트 할 수 있습니다편집기를 사용하여 . 그런 다음 이러한 스타일을 생성 하고 귀하의 웹 사이트 에 포함 된 코드 를 포함하는 파일을 내보낼 수 있습니다. 마지막으로, 당신은 단순히 그들에게올바른 CSS 클래스 이름을 추가하여 이미지에스타일을 적용합니다.

지원되는 스타일 및 효과

다음 스타일 및 효과 지원됩니다. 그들 중대부분은 함께 하지만 함께 일할 수없는 그들 중 일부 가 있을 수있다 . 그래서 단계에서 귀하의 스타일 단계를 활성화 할 때마다 테스트 결과가 좋은 경우 그것은 제대로 작동 합니다.

  • 테두리
  • 컷 아웃입니다
  • 코너 이어졌다
  • 두 설명했다
  • 가 . 돋을 새김
  • 외부 자막
  • 플 로트
  • 액자
  • 가 . 광택 오버레이
  • 빛나는
  • 수평 곡선
  • 내부 자막
  • 해제 코너
  • 여유
  • 불투명도
  • 관점입니다
  • 올려 진 상자
  • 반사입니다
  • 회전
  • 둥근 모서리
  • 둥근 이미지입니다
  • 그림자
  • 흔들어
  • 합니다. 크기입니다
  • 슬라이딩
  • 가 . 캡션입니다
  • 테이프입니다
  • 툴팁
  • 가 . 수직 곡선
  • 전환

이 도구는 18 미리 만들어진 스타일 / 당신에 의해 사용할 수있는 효과 가 포함되어 있습니다.

그것이 작동하는 방법에 대해 설명합니다

이 도구는 당신이 원하는이미지 스타일 및 효과를 생성하고 테스트 하는 데 도움이편집기를 포함합니다.이 편집기 를 사용 하면 프로그래밍 지식 의 필요성을 피할 수 있습니다. 다음은 편집기의 두 스크린 샷을 볼 수 있습니다.

III III II . II

스타일과 효과의 조합은 "보기 "를 형성한다.당신은 당신이 원하는만큼 뷰로 만들 수 있습니다. 각보기 는 귀하의 웹 사이트의 이미지에 적용 할 수 있습니다. 뷰의 이름을 양식에 일치시키는 되기 위해이미지 에 추가 할 CSS 클래스 이름입니다.

당신조회 를 완료 한 후, 편집기는 하나의 CSS 파일과 웹 사이트 에 포함 할 두 개의 자바 스크립트 파일을 만듭니다. ( 귀하의 사이트가 jQuery를 로드 하지 않는 경우, 당신은 또한편집기 에서jQuery를 파일 을 얻을 것이다. ) 그러면 각 이미지 의 클래스 속성을 사용하여 이미지를만든 스타일을 적용합니다. 전에 말했듯이, 뷰의 이름은 이미지 에 추가 할 CSS 클래스 이름입니다. 예를 들어,이미지 HTML 코드는src="images/project.jpg"> 를 <img가 . 수행됩니다<img src="images/project.jpg" class="my-style-1">.

더 고급 프로그래밍 지식은, 단순한 HTML 을 필요하지 않습니다. 당신은 당신이필요한 파일 귀하의 웹 사이트 를 포함하지만 이에 대한 도움말 문서 가있을 때 조심 해야합니다.

이 도구 에 포함 무엇

이 도구를 다운로드 당신은 단지 일반적인 파일 형식 을 포함하는 zip 파일을 ( 775킬로바이트 ) ( HTML, CSS, JS, JPG, PNG 및 TXT ) 받을 수 있습니다. 이러한 파일 중 사용 하고자하는 사람 은 다음과 같습니다

  • editor.html: 이주 파일입니다. 이이미지의 스타일과 효과를 생성하는 편집기입니다.
  • help.html:편집기 및 방법 귀하의 웹 사이트의 이미지에스타일과 효과를 적용 하는 을 사용하는 방법 에 대한 설명서 를받습니다.
  • demos.html: 그냥이 도구의 기능을 표시 할 준비가 만든 스타일과 효과 의 컬렉션입니다. 또한 당신은 당신의 웹 사이트 에서 사용할 수 있습니다.
  • demos.txt:편집기에서 로드 를 수정하거나 직접 사용하는 데모 스타일과 효과 데이터를 저장합니다.

또한 다음과 같은 항목이 귀하의 웹 사이트 에 포함됩니다.

  • cisae.js: 이미 생성 된 파일을 사용할 준비가 .
  • cisae.css: 이편집기에서 생성됩니다.
  • Javacscript 코드:편집기에서 생성 될 자바 스크립트 코드 의몇 라인 .

주의

  • 스타일과 효과는 다른 복잡한 CSS 스타일 적용 또는 자바 스크립트 코드 를 조작 중인 이미지에 적용 할 수 없습니다.
  • 당신은 동일한 이미지 에 둘 이상의 뷰를 적용 할 수 없습니다.
  • 이 도구는 Joomla를 워드 프레스 로 작업 할 수 있습니다.

재판

전체 이미지 스타일 및 효과 의시험 버전은 모든스타일과 효과가 있지만 그 중 몇 가지 를 지원하지 않습니다. 이 제한을 제외하고,도구의 나머지 부분은 정상적으로 작동 됩니다, 당신은 그것의 실제 테스트 를 하고 당신의 요구에 맞는 확신 할 수 있도록 .

평가판 다운로드

이 도구에 대한 자세한 내용은


다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

최신 업데이트:
25 10월 12일

소프트웨어 버전:
jQuery를 , 파일

키워드