Владлен Грачев

Ну это же банальный ip. Например, такая регулярка вполне подойдет:
((25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(25[0-5]|2[0-4]\d|[01]?\d\d?)
С портом решайте в зависимости от задачи. Если он там всегда 80, можно обойтись тем, что выше приведено. В противном случае что-то вроде следующего:
((25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(25[0-5]|2[0-4]\d|[01]?\d\d?)(:\d+)?

Ошибка в том, что получается массив с одним элементом, содержащим всю строку. Строку надо разбивать по разделителю с помощью split().

Если элементы в кавычках, то надо потом еще делать trim() для убирания кавычек (передавать ему символы лишние помимо строки).

Если элементы в кавычках могут содержать запятые, то split() уже не поможет. Нужен более хитрый алгоритм. Можно попробовать поиграть с str_getcsv(), ибо данные как раз похожего на CSV формата.

Вот сам эффект :: tympanus.net/codrops/2012/04/09/direction-aware-ho...
Русскоязычного не дам, но реализуется достаточно просто (не по коду говорю, а по тому, что увидел). Суть в том, что закрывающий полупрозрачный блок наезжает на изображение в блоке с overflow: hidden с той стороны, с которой был наведен курсор. Из-за этого получается эффект такого вот переплывающего блока. Сторону можно определять, например, по координатам курсора в момент срабатывания события наведения.

jsfiddle.net/bp3v6bnw/1

Как-то так