시스템에 접근할 수 없어 cron을 이용하지 못하는 경우
사용할수 있는 웹크론 서비스이다.

http://www.mywebcron.com/

'Dev > Javascript' 카테고리의 다른 글

20 Best jQuery Slideshow / Photo Gallery Plugins  (0) 2012.02.29
Prototype에서 jQuery로 옮겨타기  (0) 2011.07.31
Firebug의 console 파헤치기.  (0) 2011.07.19
fireBug 사용법  (0) 2011.07.19
[jQuery] firebug로 디버그  (0) 2011.07.19
출처 : http://graphicalerts.com/20-best-jquery-slideshow-image-photo-gallery-plugins/

Photo Gallery, picture gallery, or slideshow are the best way to showcase your images / photos to your readers. This post is a showcase of 20 best jQuery slideshow / photo gallery plugins .

20 Best jQuery Slideshow / Photo Gallery Plugins

1. Galleria

jQuery slideshow

Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project.

2. Galleriffic

jQuery slideshow

Galleriffic is a jQuery Slideshow plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

3. Nivo Slider

jQuery slideshow

Nivo Slider is a lightweight jQuery Slideshow  plugin for creating good-looking image sliders.

4. Avia Slider

jQuery slideshow

AviaSlider is a jQuery Slideshow plugin with very unique transition effects.

5. Pikachoose

jQuery slideshow

Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play.

6. Image Flow

jQuery slideshow

Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw.

7. SpaceGallery

jQuery slideshow

SpaceGallery is onother cool jQuery Slideshow plugin  display Your images.

8. jQuery Gallery Scroller

jQuery slideshow

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally.

9. prettyPhoto

jQuery slideshow

jQuery Lightbox clone, pretty similar to original Lightbox with few another features and full documentation.

10. s3slider

jQuery slideshow

JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.

11. GalleryView

jQuery slideshow

This is a cool jQuery Slideshow Plugin to show images as gallery

12. Supersized

jQuery slideshow

Supersized is an image gallery built by BuildInternet.com and it is able to slideshows the images with full screen.

13. EOGallery

jQuery slideshow

EOGallery is a web animated slideshow gallery made with jQuery.

14. PictureSlides

jQuery slideshow

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired.

15. Pirobox

jQuery slideshow

Pirobox is lightweight jQuery Lightbox script.

16. CrossSlide

jQuery slideshow

CrossSlide is a jQuery plugin implementing some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!)

17. ColorBox

jQuery slideshow

18. Coin Slider

jQuery slideshow

jQuery Image Slider with Unique Effects.

19. jQuery.popeye

jQuery slideshow

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery.

20. Smoot Div Scroll

jQuery slideshow

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth.

Related posts:

  1. 20 Awesome jQuery Lightbox Plugins Share jQuery is a powerful tool in the hands of developers and some even call it a flash killer as...
  2. 25 Beautiful Examples of CSS and jQuery Drop down Menu Tutorials Share Here you will find 25 high quality CSS and jQuery drop down menu examples or just multi level menu...
  3. 21 Best jQuery Tooltip Plugins, Demos, Examples & Tutorials Share Today we are posting some attractive, Handy and useful jquery Tooltip plugins for your new projects. If the tooltip...
  4. 50 best photoshop photo effects tutorials Share I’ve collected 50 best Photoshop photo effects tutorials that will inspire and help you to master Photoshop photo effects...
  5. 40 Beautiful Examples of Ajax CSS forms styling Share Forms are an important part of every website. It can be as simple as getting subscribed to website RSS...

'Dev > Javascript' 카테고리의 다른 글

jquery slideshow  (0) 2012.02.29
Prototype에서 jQuery로 옮겨타기  (0) 2011.07.31
Firebug의 console 파헤치기.  (0) 2011.07.19
fireBug 사용법  (0) 2011.07.19
[jQuery] firebug로 디버그  (0) 2011.07.19

1. 설치
cd apache_home/bin
./apxs -i -a -c /usr/local/src/httpd-2.2.8/modules/filters/mod_deflate.c

2. 설정

추가
LoadModule deflate_module     modules/mod_deflate.so

<IfModule deflate_module>

   AddOutputFilterByType DEFLATE text/html text/plain text/xml
   AddOutputFilterByType DEFLATE application/xhtml+xml application/xml application/rss+xml
   AddOutputFilterByType DEFLATE text/css application/javascript application/x-javascript
   AddOutputFilterByType DEFLATE audio/midi

   DeflateCompressionLevel 9

   DeflateFilterNote Input instream
   DeflateFilterNote Output outstream
   DeflateFilterNote ratio

   #LogFormat '"%r" %b (%{ratio}n) "%{User-agent}i"' deflate
   LogFormat '"%r" %{outstream}n/%{instream}n (%{ratio}n%%)' deflate
   CustomLog logs/deflate_log deflate

   # Netscape 4.x problem
   BrowserMatch ^Mozilla/4 gzip-only-text/html

   # Netscape 4.06-4.08 problem
   BrowserMatch ^Mozilla/4\.0[678] no-gzip

   # MSIE
   BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

   # no-gzip
   SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|jpg|png|bmp|zip|tar|rar|alz|a00|ace|txt|mp3|mpe?g|wav|asf|wma|wmv|swf|exe|pdf|doc|xsl|hwp|java|c|t?gz|bz2|7z)$ no-gzip dont-vary

</IfModule>



아파치 재시작

3. 테스트

로그 확인

phpinfo();

HTTP Compression Test



4. 참고
http://httpd.apache.org/docs/2.2/mod/mod_deflate.html


 웹호스팅으로 누리집을 꾸릴 때는 전송량(traffic)을 의식하지 않을 수 없다. 웹호스팅 상품들은 일정 기간 동안의 전송량 한계가 클수록 많은 값을 치러야 하기 때문이다. 그래서 gzip를 통한 실시간 압축 전송은 한정된 전송량을 알차게 쓰는 길이 되곤 한다. 압축하는 과정이 서버에겐 짐이지만, 전송할 내용이 줄어든 만큼 전송 시간이 줄어들어 오히려 서버의 짐을 덜 수 있다.

CSS/JavaScript를 압축하는 Minify, 텍스트큐브의 압축 전송 플러그인, 워드프레스의 WP-Cache 플러그인 따위는 서버 관리 권한이 없는 일반 호스팅 계정에서 쓸 수 있는 gzip 압축 전송 도구들이다. Minify는 HTML/XML 파일까지 압축하지 못하고, 플러그인으로 제공되는 도구들은 웹 풀그림의 관리 화면을 압축하지 못한다. 특정 웹 풀그림의 PHP 핵심 코드를 고쳐서 관리 화면까지 압축하는 방법(텍스트큐브 gzip 전체 적용시키기)이 있긴 하지만, 웹 풀그림이 판올림하면 다시 고쳐 주어야 하는 점이 번거롭다.

아파치(Apache) 웹 서버를 쓰고 있고 아파치 내장 모듈인 mod_deflate이 켜져 있다면, httpd.conf나 .htaccess에서 mod_deflate를 통하여 gzip 압축 전송을 설정할 수 있다. /etc/httpd/conf/httpd.conf의 전체 설정 또는 개별 가상 호스트(Virtual Host)나 .htaccess 파일의 적당한 곳에 다음과 같은 내용을 끼워 넣는다.

<IfModule mod_deflate>
AddOutputFilterByType DEFLATE text/plain text/html text/xml
AddOutputFilterByType DEFLATE application/xhtml+xml application/xml application/rss+xml
AddOutputFilterByType DEFLATE text/css application/javascript application/x-javascript
AddOutputFilterByType DEFLATE audio/midi

DeflateCompressionLevel 9

BrowserMatch ^Mozilla/4 gzip-only-text/html # Netscape 4.xx에는 HTML만 압축해서 보냄
BrowserMatch ^Mozilla/4\.0[678] no-gzip # Netscape 4.06~4.08에는 압축해서 보내지 않음
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html # 자신을 Mozilla로 알리는 MSIE에는 그대로 압축해서 보냄
</ifModule>

위 설정이 적용되면 Text/HTML/CSS/JS/MIDI 파일들은 웹 서버에서 바로 gzip로 압축하여 보낸다.주1 BrowserMatch 구문은 이제는 거의 쓰이지 않는 넷스케이프(Netscape)의 문제를 피하게 하기 위함이다.

.htaccess 파일은 저장하면 바로 적용되지만, httpd.conf에 넣은 내용은 서버를 다시 시작하거나 명령창에서 다음과 같은 명령으로 웹 서버 설정을 다시 읽어 들여서 설정한 내용을 반영할 수 있다.

[root@??? /]# /etc/init.d/httpd graceful

이렇게 하면 텍스트큐브 압축 전송 플러그인처럼 단순하게 gzip 압축만을 돕는 도구는 쓸 필요가 없다. 다만 CSS/JS 파일 압축은 mod_deflate로 그때그때 압축하는 것보다 Minify를 쓰는 쪽이 더 좋을 것이다. Minify는 gzip 압축뿐만 아니라 쓸모 없는 내용을 줄이고 압축한 내용을 갈무리하여 꺼내 쓰는 시렁(캐시) 기능까지 갖추었기 때문이다. Minify를 쓰고 있다면, 위에서 끼워 넣은 것 가운데 다음 내용만 '#' 기호를 붙여 주석으로 만들어서 CSS/JS 파일 압축을 Minify에게 고스란히 맡길 수 있다.

# AddOutputFilterByType DEFLATE text/css application/javascript application/x-javascript

mod_deflate를 통한 압축 전송은 mod_deflate 모듈이 켜져 있는 서버에서 쓸 수 있다. 따라서 서버 관리 권한이 없는 웹호스팅 계정에서는 아파치에서 mod_deflate가 꺼져 있으면 mod_deflate를 통한 압축 기능을 쓸 수 없다. phpinfo() 함수를 통하면 이 모듈이 켜져 있는지를 알 수 있다.

<?php
phpinfo();
?>

개별 파일이 잘 압축되어 보내지는지는 HTTP Compression Test에서 확인할 수 있다.

 출처 : http://pat.im/

'apache' 카테고리의 다른 글

Installing Apache 2.4.1 from source on CentOS 6.2 Linux  (0) 2012.07.10
APM(apache 2.4.1) 설치시 문제 해결  (0) 2012.07.10
[Ubuntu] Apache2.4.x 설치  (0) 2012.07.10
mod_deflate 설치 / 사용  (0) 2012.02.16
[Apache] MPM(Prefork VS Worker)  (0) 2011.04.19
APC(Alternative PHP Cache)는 eAccelerator 처럼 PHP 캐싱을 수행합니다.

- APC 설치
APC를 다운로드 후 설치를 진행합니다.
http://pecl.php.net/package/APC
[root@yongbok ~]# cd /usr/local/src
[root@yongbok ~]# wget http://pecl.php.net/get/APC-3.1.3p1.tgz
[root@yongbok ~]# tar xzvf APC-3.1.3p1.tgz
[root@yongbok ~]# cd APC-3.1.3p1
[root@yongbok ~]# /usr/local/php5/bin/phpize
[root@yongbok ~]# ./configure --enable-apc --with-php-config=/usr/local/php5/bin/php-config
[root@yongbok ~]# make && make install
Installing shared extensions: /usr/local/php5/lib/php/extensions/no-debug-non-zts-20060613/
[root@yongbok ~]# ls -l /usr/local/php5/lib/php/extensions/no-debug-non-zts-20060613 | grep apc
-rwxr-xr-x 1 root wheel 542184 1 25 02:54 apc.so

php.ini 파일에 아래 내용을 추가 합니다.
[root@yongbok ~]# vi /usr/local/apache2/conf/php.ini
[APC]
extension_dir=/usr/local/php5/lib/php/extensions/no-debug-non-zts-20060613
extension=apc.so
apc.mode=shm
apc.file_md5=1
apc.ttl=3600
apc.idle=900
apc.hash_buckets=256
apc.max_file_size=1024
apc.cachedir=/tmp
apc.mmap_file_mask=/tmp/apc.XXXXXX


아파치를 재시작 후 phpinfo 를 이용하여 APC를 확인합니다.
[root@yongbok ~]# /usr/local/apache2/bin/apachectl restart
[root@yongbok ~]# echo '<?php phpinfo(); ?>' > /var/www/html/phpinfo.php




출처 : http://www.cyworld.com/ruo91/3591174


1. http://pecl.php.net/package/apc 에서 다운로드
2. tar -xvzf APC-3.1.9.tgz
3. cd APC-3.1.9
4. ....../php/bin/phpize
5. ./configure --enable-apc-mmap --with-apxs=/home/apache/bin/apxs --with-php-config=/home/php/bin/php-config
6. make
7. make install
php 의 extension 모듈 위치 확인할 것.
8. php.ini 수정하기
extension_dir=설정한위치로적용
예) ....../php/lib/php/extensions/no-debug-zts-20090626/apc.so
extension_dir=....../php/lib/php/extensions
extension="no-debug-zts-20090626/apc.so"

extension="apc.so"
apc.enabled=1
apc.shm_segments=1
apc.shm_size=256
apc.ttl=7200
apc.user_ttl=7200
apc.num_files_hint=1024
apc.mmap_file_mask=/tmp/apc.XXXXXX
apc.enable_cli=1
apc.include_once_override=1

[출처] php apc 추가하기|작성자 밍구

http://www.sphinxsearch.com/docs/current.html
http://www.sphinxsearch.com/wiki/doku.php?id=charset_tables
http://code.google.com/p/sphinxsearch/source/browse/
http://code.google.com/p/sphinxsearch/source/browse/branches/rel099/api/sphinxapi.php
http://code.google.com/p/sphinxsearch/source/browse/branches/rel099/api/test.php


1. 설치

정도는 알아서...-_-;
emerge app-misc/sphinx 하면 끝나는 환경에 있는 사람이 이 이상 자세하겐 무리~



2. sphinx.conf

다국어 검색을 위해 각각의 문자범위를 일일히 conf 에 적어줘야 한다.
게다가 한줄 길이 제한까지 있어서 정규식으로 대충 정리해 넣었다.
원본 테이블은
http://www.sphinxsearch.com/wiki/doku.php?id=charset_tables
요기 맨 앞의 txt 링크이다.
conf 파일은 첨부한다.



3. query

스핑크스는 인덱싱 할 데이터가 많을 경우를 위해 범위를 나눠 쿼리해 오는 것이 가능하고,
새 범위만 인덱싱을 한 후 기존 인덱스 정보에 병합하는 것이 가능하다.
본 예제는 새 범위 인덱싱 후 병합으로 설명한다.

스핑크스의 쿼리문은 맨 앞의 것이 반드시 고유번호(sequence) 여야 하며,
그 필드명이 무엇이 되었든 간에 스핑크스 내에서는 무조건 id 이다.


source main 중
sql_query = \
SELECT seq, uid, author, subject, contents \
FROM xenobb_sphinx_view \
WHERE sphinx_indexed = TRUE

테이블에 sphinx_indexed 라는 필드를 추가했고, main 은 이미 인덱싱 된것만 쿼리하게 했다.

source delta : main 중
sql_query = \
SELECT seq, uid, author, subject, contents \
FROM xenobb_sphinx_view \
WHERE sphinx_indexed = FALSE

sql_query_post = UPDATE xenobb SET sphinx_indexed = TRUE WHERE sphinx_indexed = FALSE

인덱싱 되지 않은 것을 쿼리해 온 후 인덱싱 되었다고 표기해 준다.



4. indexer

conf 를 다 작성했으면 인덱스를 생성한다.
$ indexer main
$ indexer delta



5. crontab

searchd 가 대몬이라 알아서 계속 인덱싱 해 줄줄 알았는데 안되나보다.

#!/bin/bash
cd /home/xenoside/sphinx
if [ -f need_indexing ]; then
    rm need_indexing
    indexer delta --rotate
    indexer --merge main delta --rotate
    #if [[ "x`date +%H%M`" == "x0400" ]]; then
    #    indexer main --rotate
    #fi
fi

* * * * * (매분) 으로 걸어주자.

게시판에서 insert, update, delete 가 발생하면 /home/xenoside/sphinx/need_indexing 파일을 빈 파일로 생성해 주면 1분 내에 인덱싱 된다.

주석 부분은 찔끔찔끔 병합되는 main 인덱스가 혹 느려지면 새로 인덱싱 시키기 위한건데 전체가 재 인덱싱 되므로 굳이 자동으로 할 필요 없이 느려졌다 생각되면 한번 해 주면 된다.



6. searchd

/etc/init.d/searchd start
rc-update add searchd default
배포판 별로 알아서 시작 스크립트에 넣어주자~



7. php
http://code.google.com/p/sphinxsearch/source/browse/branches/rel099/api/sphinxapi.php
요거를 이용한다.
자세한 예제는
http://code.google.com/p/sphinxsearch/source/browse/branches/rel099/api/test.php
요기잉다.

아래는 랭킹이고 순서고 다 필요 없이 걍 검색해 오는 간단 예제이다.

if(isset($_GET['q'])) {
$_GET['q'] = trim($_GET['q']);
if($_GET['q'] != '') {
require_once 'sphinxapi.php';
$cl = new SphinxClient();
$cl->SetServer('/var/run/searchd.sock', 5433);
$cl->SetConnectTimeout(1);
$cl->SetArrayResult(true);
$cl->SetWeights(array(100, 1));
$cl->SetMatchMode(SPH_MATCH_ALL);
$cl->SetLimits(0, 100);
$cl->SetRankingMode(SPH_RANK_NONE);
if(false !== ($res = $cl->Query($_GET['q'], '*'))) {
$seqs = array();
foreach($res['matches'] as $row) {
$seqs[] = $row['id'];
}
if(count($seqs) != 0) {
$sel->wheres[] = 'bb.seq IN ('.implode(',', $seqs).')';
}
}
}
}


매뉴얼 잘 보면 실제 쿼리문 처럼 순서 정하고 limit 해 오고 하는 것 다 된다.



Written by Song Hyo-Jin (shj at xenosi.de)
License : Creative Commons - Attribution (CC-BY)
출처 : http://www.phpschool.com/link/tipntech/71173

'Search Engine > Sphinx' 카테고리의 다른 글

스핑크스 설정  (0) 2012.06.05
Sphinx  (0) 2012.02.13
sphinx 검색엔진 한글 검색 설정  (0) 2012.02.13
스핑크스(sphinx) 검색 엔진 reindex  (1) 2012.02.13
스핑크스(sphinx) 검색엔진 설치 및 유니코드 셋팅  (0) 2012.02.13

+ Recent posts